perf: macro lottie

JX3BOX · Jul 13, 2024 · b49778a · b49778a
1 parent 62cdfe8
commit b49778a
Showing 1 changed file with 16 additions and 5 deletions.
diff --git a/src/components/publish_mark.vue b/src/components/publish_mark.vue
@@ -4,6 +4,7 @@
             <div v-for="star in stars" class="m-publish-mark" :key="star" @click="onStarClick(star)">
                 <img :src="imgPath(star)" alt="" svg-inline>
             </div>
+            <i class="u-remove el-icon-remove-outline" title="移除标记" @click="onRemove"></i>
         </div>
         <div slot="reference" class="m-mark-content" @click="onVisibleChange">
             <img v-if="star" :src="imgPath(star)" class="u-mark-img" alt="" svg-inline>
@@ -53,14 +54,14 @@ export default {
             return require(`../assets/img/macro/${star}.svg`);
         },
         onStarClick(star) {
-            if (this.star === star) {
-                this.star = "";
-            } else {
-                this.star = star;
-            }
+            this.star = star;
             this.visible = false;
             this.$emit("change", this.star);
         },
+        onRemove() {
+            this.star = "";
+            this.$emit("change", this.star);
+        },
         onVisibleChange() {
             this.visible = !this.visible;
         }
@@ -85,6 +86,16 @@ export default {
             height: 20px;
         }
     }
+
+    .u-remove {
+        .pointer;
+        font-size: 18px;
+
+        color: #F56C6C;
+
+        // 45度旋转
+        transform: rotate(-45deg);
+    }
 }
 .m-mark-content {
     height: 40px;