style: 修改三级页样式

src/views/service/views/service-info.vue

@@ -79,7 +79,7 @@ export default {
                     if (element) {
                         // 滚动到元素位置
                         window.scrollTo({
-                            top: element.offsetTop - 70,  // 偏移70px给顶部留出空间
+                            top: element.offsetTop - 0,  // 偏移70px给顶部留出空间
                         });
                         this.hasScrolled = true;
                     }
@@ -115,7 +115,7 @@ export default {
                             clearInterval(checkInterval);
                             resolve();
                         }
-                    }, 50);
+                    });
                 });
             });
 
@@ -149,7 +149,7 @@ export default {
                 </div>
             </template>
         </div>
-
+<!-- 
         <div class="block-navigation">
             <h3>快速导航</h3>
             <div class="nav-buttons">
@@ -158,7 +158,7 @@ export default {
                     跳到{{ index + 1 }}
                 </div>
             </div>
-        </div>
+        </div> -->
 
         <div class="actionButton">
             <div class="button-wrapper">
@@ -170,8 +170,9 @@ export default {
 
 <style lang="scss" scoped>
 .block-container {
-    padding: 20px;
-    background-color: #f8f8f8;
+    line-height: 0;
+    // padding: 20px;
+    // background-color: #f8f8f8;
 }
 
 .link-block {
@@ -183,26 +184,26 @@ export default {
 }
 
 .image-block {
-    margin-bottom: 30px;
-    padding: 10px;
+    // margin-bottom: 30px;
+    // padding: 10px;
     border-radius: 8px;
     transition: all 0.3s;
     background-color: #fff;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 
-    &.active {
-        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
-        border: 2px solid #1890ff;
-    }
+    // &.active {
+    //     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
+    //     border: 2px solid #1890ff;
+    // }
 }
 
 .image-container {
     width: 100%;
     // height: 200px;
     overflow: hidden;
-    border-radius: 4px;
-    margin-bottom: 10px;
-    background-color: #f5f5f5;
+    // border-radius: 4px;
+    // margin-bottom: 10px;
+    // background-color: #f5f5f5;
 }
 
 .block-image {
@@ -291,7 +292,7 @@ export default {
 .default-layout {
     display: flex;
     flex-direction: column;
-    gap: 20px;
+    // gap: 20px;
 
     .color-block {
         height: 300px;
@@ -304,7 +305,7 @@ export default {
     background-color: #f5f5f5;
     padding: 10px;
     margin: 10px 0;
-    border-radius: 8px;
+    // border-radius: 8px;
     font-size: 14px;
 }
 
@@ -325,7 +326,7 @@ export default {
     .nav-buttons {
         display: flex;
         flex-wrap: wrap;
-        gap: 10px;
+        // gap: 10px;
 
         .nav-button {
             padding: 8px 15px;