Browse Source

fix:缺陷#46 【改善】[缩放控制]表示图标和提示与当前状态一致

Wind-Breaker1 1 year ago
parent
commit
e6d2299837
1 changed files with 4 additions and 4 deletions
  1. 4 4
      src/views/components/View.vue

+ 4 - 4
src/views/components/View.vue

@@ -244,15 +244,15 @@
 
 
       <div class="flex-grow"></div>
       <div class="flex-grow"></div>
       <t-tooltip
       <t-tooltip
-        :content="canScale ? '允许缩放' : '禁止缩放'"
+        :content="!canScale ? '允许缩放' : '禁止缩放'"
         placement="bottom"
         placement="bottom"
       >
       >
         <a>
         <a>
           <svg
           <svg
-            v-if="canScale"
+            v-if="!canScale"
             class="l-icon"
             class="l-icon"
             aria-hidden="true"
             aria-hidden="true"
-            @click="onCanScale(false)"
+            @click="onCanScale(true)"
           >
           >
             <use xlink:href="#l-suofang"></use>
             <use xlink:href="#l-suofang"></use>
           </svg>
           </svg>
@@ -260,7 +260,7 @@
             v-else
             v-else
             class="l-icon"
             class="l-icon"
             aria-hidden="true"
             aria-hidden="true"
-            @click="onCanScale(true)"
+            @click="onCanScale(false)"
           >
           >
             <use xlink:href="#l-jinzhisuofang"></use>
             <use xlink:href="#l-jinzhisuofang"></use>
           </svg>
           </svg>