chenhao 2 年之前
父節點
當前提交
9ed651e473
共有 1 個文件被更改,包括 14 次插入2 次删除
  1. 14 2
      src/components/shared/ScoringPanelItem.vue

+ 14 - 2
src/components/shared/ScoringPanelItem.vue

@@ -48,8 +48,13 @@
         @input="scoreChange"
       />
     </toggle-dialog-render>
-    <toggle-dialog-render v-if="props.toggleModal">
-      <svg-icon class="pointer" name="toggle-panel" @click="onToggleClick"></svg-icon>
+    <toggle-dialog-render>
+      <svg-icon
+        class="pointer toggle-icon"
+        :class="{ visible: props.toggleModal }"
+        name="toggle-panel"
+        @click="onToggleClick"
+      ></svg-icon>
     </toggle-dialog-render>
   </div>
 </template>
@@ -316,5 +321,12 @@ const onToggleClick = () => {
     outline: none;
     font-weight: bold;
   }
+
+  .toggle-icon {
+    opacity: 0;
+    &.toggle-visible {
+      opacity: 1;
+    }
+  }
 }
 </style>