style: hotspot

src/views/Home.vue

@@ -217,11 +217,11 @@ export default {
       // resource:'',
       // server:''
     });
-    kankan.use("MinMap", {
-      theme: {
-        camera_fillStyle: "#930909",
-      },
-    });
+    // kankan.use("MinMap", {
+    //   theme: {
+    //     camera_fillStyle: "#930909",
+    //   },
+    // });
 
     kankan.use("TourPlayer").then((player) => {
       player.on("play", ({ partId, frameId }) => {
@@ -332,9 +332,7 @@ export default {
 
           let title = data.title.split("&")[0];
 
-          return `<span class="tag-icon animate" title=${title} style="${
-            flag ? "" : "display: none;"
-          };background-image:url({{icon}})"></span><div class="tag-body"></div>`;
+          return `<div class="cus-hotspot"></div>`;
         },
       })
       .then((TagView) => {
@@ -436,6 +434,20 @@ export default {
   activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
 };
 </script>
+<style lang="less">
+.cus-hotspot {
+  width: 80px;
+  height: 80px;
+  background: url('../assets/img/Hot/point.png') no-repeat center / contain;
+  cursor: pointer;
+  animation: hotspotAni .6s ease-in-out alternate infinite;
+}
+@keyframes hotspotAni {
+  100% {
+    background-image: url('../assets/img/Hot/point2.png');
+  }
+}
+</style>
 <style lang='less' scoped>
 @keyframes loading {
   100% {