From 993b90857d64a071f448c35486925a8e4ec3adf0 Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Mon, 4 Jul 2022 10:09:50 +0800
Subject: [PATCH] bug

---
 .../xicheng/AppMerchantMap/AppMerchantMap.vue | 38 ++++++++++++++++---
 1 file changed, 33 insertions(+), 5 deletions(-)

diff --git a/src/project/xicheng/AppMerchantMap/AppMerchantMap.vue b/src/project/xicheng/AppMerchantMap/AppMerchantMap.vue
index 21d78689..13bf52e5 100644
--- 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 {