bug

2022-07-04 10:09:50 +08:00
parent 9aa4214611
commit 993b90857d
1 changed files with 33 additions and 5 deletions
--- a/src/project/xicheng/AppMerchantMap/AppMerchantMap.vue
+++ b/src/project/xicheng/AppMerchantMap/AppMerchantMap.vue
@@ -322,16 +322,44 @@
        border-bottom: 1px solid #DEDFE1;
      }
    }
+    @keyframes warn {
+      0% {
+        transform: scale(.5);
+        opacity: 1
+      }
+
+      30% {
+        opacity: .5
+      }
+
+      to {
+        transform: scale(1.6);
+        opacity: 0
+      }
+    }

    ::v-deep.cluster {
-      color: #fff;
-      border-radius: 50%;
-      height: 120px;
-      width: 120px;
-      background: radial-gradient(circle, #5088ff 50%, rgba(#5088ff, .4) 100%);
      display: flex;
      align-items: center;
      justify-content: center;
+      flex-direction: column;
+      width: 120px;
+      height: 120px;
+      color: #fff;
+      border-radius: 50%;
+      background: #0f8f64;
+
+      &:after {
+        position: absolute;
+        z-index: -1;
+        width: 120px;
+        height: 120px;
+        border-radius: 50%;
+        -webkit-animation: warn 1s ease-out 0s infinite;
+        animation: warn 1s ease-out 0s infinite;
+        background-color: #0f8f64;
+        content: " ";
+      }
    }

    ::v-deep.marker {