gx

src/view/guide.vue

@@ -29,7 +29,7 @@
               :style="{
                 transform: `rotateY(${45 * indexP}deg) translateZ(450px)`,
               }"
-              @click="toPage(itemP.url)"
+              @click.stop="toPage(itemP.url)"
             >
               <div class="animate-border">
                 <i></i>
@@ -76,6 +76,8 @@ import png3 from "@/assets/guide/Dp/3.png";
 import png4 from "@/assets/guide/Dp/4.png";
 import png5 from "@/assets/guide/Dp/5.png";
 import png6 from "@/assets/guide/Dp/6.png";
+import png7 from "@/assets/guide/Dp/7.png";
+import png8 from "@/assets/guide/Dp/8.png";
 const router = useRouter();
 const routers = useRoute();
 
@@ -184,31 +186,31 @@ const tabData = reactive({
       url: "/home/index/table",
     },
     {
-      img: png1,
+      img: png2,
       url: "/home/index/map",
     },
     {
-      img: png1,
+      img: png3,
       url: "/home/index",
     },
     {
-      img: png2,
+      img: png4,
       url: "/home/yl",
     },
     {
-      img: png3,
+      img: png5,
       url: "/home/hygiene",
     },
     {
-      img: png4,
+      img: png6,
       url: "/home/education",
     },
     {
-      img: png5,
+      img: png7,
       url: "/home/work",
     },
     {
-      img: png6,
+      img: png8,
       url: "/home/analyze",
     },
   ],
@@ -226,7 +228,7 @@ const changeTab = (val) => {
 };
 
 const toPage = (val) => {
-  // console.log(val);
+  console.log(val);
   router.push({
     path: `${val}`,
   });

src/view/sy_map.vue

@@ -2415,6 +2415,7 @@ onMounted(() => {
           display: flex;
           flex-flow: row wrap;
           border-radius: 6px;
+          overflow: hidden;
 
           .jbggfwq_content_item_right_item {
             cursor: pointer;