修改图标

src/views/win/messIndex.vue

@@ -10,7 +10,7 @@
         </el-col>
       </el-col>
       <div class="bottom">
-        <el-col :span="24" class="zero">
+        <el-col :span="24">
           <service-index />
         </el-col>
         <el-col :span="24" class="zero">
@@ -90,7 +90,7 @@ function useWindowScroll() {
         padding: 0 17%;
       }
     }
-        .bottom {
+    .bottom {
       margin: 40px 0 0 0;
       .zero {
         margin: 0 0 40px 0;

src/views/win/messParts/serviceIndex.vue

@@ -98,21 +98,23 @@ const toOpen = (path: string) => {
     justify-content: space-between;
 
     .list {
-      max-width: 17.6%;
+      max-width: 18%;
       margin: 0 20px 60px 0;
 
       .imgs {
+        text-align: center;
         margin: 0 0 10px 0;
 
         .images {
-          width: 100%;
+          width: 100px;
+          height: 100px;
         }
       }
 
       .title {
         color: rgb(25, 25, 26);
         // font-family: '黑体';
-        font-size: 24px;
+        font-size: 20px;
         font-weight: 500;
         line-height: 35px;
         letter-spacing: 0px;

src/views/winParts/notesIndex.vue

@@ -133,6 +133,8 @@ const mouseOver = async (data: any) => {
           width: 100%;
           height: 260px;
           border-radius: 10px;
+          object-fit: cover; /* 让图片按比例缩放以填满容器 */
+          object-position: center; /* 让图片在容器中居中显示 */
         }
       }