热点样式定制

src/components/tagging/sign.vue

@@ -6,11 +6,14 @@
     @mouseenter="isHover = true"
     @mouseleave="isHover = false"
   >
-    <img 
-      :src="getResource(taggingStyle.icon)" 
-      @click="iconClickHandler" 
-      v-if="taggingStyle" 
-    />
+    <ui-tip :tip="tagging.title" foreShow tipV="top" class="tag-tip">
+      <img 
+        class="tag-img"
+        :src="getResource(taggingStyle.icon)" 
+        @click="iconClickHandler" 
+        v-if="taggingStyle" 
+      />
+    </ui-tip>
     <div @click.stop>
       <UIBubble
         class="hot-bubble pc" 
@@ -111,7 +114,7 @@ const iconClickHandler = () => {
   transform: translate(-50%, -50%);
   cursor: pointer;
 
-  > img {
+  .tag-img {
     width: 32px;
     height: 32px;
   }
@@ -165,4 +168,13 @@ const iconClickHandler = () => {
   }
 }
 
+</style>
+
+<style>
+.tag-tip {
+  z-index: 8 !important;
+}
+.tag-tip p {
+  margin: 5px 0 !important;
+}
 </style>