Kaynağa Gözat

fix:修改双钩设色的热点呼吸灯样式

aamin 1 yıl önce
ebeveyn
işleme
40712f74de
1 değiştirilmiş dosya ile 7 ekleme ve 19 silme
  1. 7 19
      src/views/ShuangGouSheSeDetail.vue

+ 7 - 19
src/views/ShuangGouSheSeDetail.vue

@@ -22,7 +22,11 @@ const {
         src="@/assets/images/shuanggou-top-left.png"
         alt=""
       >
-      <div class="cicle" />
+      <!-- <div class="cicle" /> -->
+      <HotspotComp
+        v-show="true"
+        class="hotspot-1"
+      />
     </div>
 
     <img
@@ -88,28 +92,12 @@ const {
     >img{
       width: 100%;
     }
-    >.cicle{
-      width: 20px;
-      height: 20px;
-      border-radius: 50px;
-      border: 3px solid #E2DBC1;
-      animation: fade-in-out 3s infinite;
+    >.hotspot-1{
       position: absolute;
       bottom: 32%;
       right: 31%;
+      pointer-events: initial;
 
-      @keyframes fade-in-out {
-        0%{
-          opacity: 0.2;
-        }
-        50%{
-          opacity: 1;
-        }
-        100%{
-          opacity: 0.2;
-        }
-
-      }
     }
   }