样式

front/src/views/cimSpecialArea/components/platform.vue

@@ -13,9 +13,14 @@
           @slideChange="onSlideChange"
         >
           <swiper-slide v-for="item in platformList" :key="item.id">
-            <div class="platformBox" @click.stop="toView(item)">
+            <div class="platformBox">
               <h2>{{ item.name }}</h2>
-              <a-image :preview="false" :src="item.pic" :fallback="item.pic2" />
+              <a-image
+                :preview="false"
+                :src="item.pic"
+                :fallback="item.pic2"
+                @click.stop="toView(item)"
+              />
               <a-tooltip>
                 <template #title>{{ item.description }}</template>
                 <p>{{ item.description }}</p>
@@ -74,7 +79,6 @@
       border-bottom: 0.01rem solid #bcbdbd;
     }
     .platformBox {
-      cursor: pointer;
       width: 5.34rem;
       height: 5.65rem;
       padding: 0.28rem 0.35rem;
@@ -89,10 +93,10 @@
       :deep(.ant-image) {
         width: 4.5rem;
         height: 3.4rem;
+        line-height: 3.4rem;
+        cursor: pointer;
       }
       :deep(.ant-image-img) {
-        width: 100%;
-        height: 100%;
       }
       p {
         font-size: 0.18rem;