Browse Source

无障碍:未缩放时不添加transform: scale样式,以免影响绝对定位。

任一存 3 years ago
parent
commit
4d16dcb1f5
1 changed files with 14 additions and 10 deletions
  1. 14 10
      web/src/views/accessibility.vue

+ 14 - 10
web/src/views/accessibility.vue

@@ -761,16 +761,20 @@ export default {
         styleNode.id = 'aria-zoom-style-node'
         document.head.appendChild(styleNode)
       }
-      styleNode.innerHTML = `
-        .aria-control-target {
-          transform: scale(${zoomFactors[this.ariaSettings.zoomLevel]});
-          transform-origin: top left;
-        }
-        .aria-no-zoom {
-          transform: scale(${1 / zoomFactors[this.ariaSettings.zoomLevel]});
-          transform-origin: top left;
-        }
-      `
+      if (zoomFactors[this.ariaSettings.zoomLevel] === 1) {
+        styleNode.innerHTML = ''
+      } else {
+        styleNode.innerHTML = `
+          .aria-control-target {
+            transform: scale(${zoomFactors[this.ariaSettings.zoomLevel]});
+            transform-origin: top left;
+          }
+          .aria-no-zoom {
+            transform: scale(${1 / zoomFactors[this.ariaSettings.zoomLevel]});
+            transform-origin: top left;
+          }
+        `
+      }
     },
     updateThemeClass() {
       this.$nextTick(() => {