style: 优化自检页面的样式与布局

调整了多处间距、字体大小和圆角参数，移除冗余的返回头部组件代码，统一页面视觉风格并简化样式代码

src/pages/home-new/components/selfCheck.vue

@@ -110,7 +110,7 @@ export default {
 <style scoped>
 .self-check-container {
     width: 100%;
-    padding: 16px;
+    padding: 12px;
     background-color: #f5f7fa;
 }
 
@@ -118,28 +118,28 @@ export default {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin-bottom: 16px;
+    margin-bottom: 12px;
 }
 
 .header-title {
-    font-size: 24px;
+    font-size: 20px;
     font-weight: bold;
     color: #333;
 }
 
 .view-all {
-    font-size: 16px;
+    font-size: 14px;
     color: #409eff;
 }
 
 .self-check-content {
     background-color: #fff;
     border-radius: 12px;
-    padding: 16px;
+    padding: 12px;
 }
 
 .check-section {
-    margin-bottom: 24px;
+    margin-bottom: 16px;
 }
 
 .check-section:last-child {
@@ -150,24 +150,24 @@ export default {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin-bottom: 12px;
+    margin-bottom: 10px;
 }
 
 .section-title {
-    font-size: 20px;
+    font-size: 16px;
     font-weight: bold;
     color: #333;
 }
 
 .view-more {
-    font-size: 16px;
+    font-size: 14px;
     color: #409eff;
 }
 
 .check-item {
     display: flex;
     align-items: flex-start;
-    padding: 12px 0;
+    padding: 10px 0;
     border-bottom: 1px solid #f0f0f0;
 }
 
@@ -178,30 +178,30 @@ export default {
 .item-indicator {
     width: 6px;
     border-radius: 3px;
-    margin-right: 12px;
+    margin-right: 10px;
     flex-shrink: 0;
 }
 
 .item-indicator.expired {
     background-color: #8c3c34;
-    height: 80px;
+    height: 60px;
 }
 
 .item-indicator.urgent {
     background-color: #ff291f;
-    height: 80px;
+    height: 60px;
 }
 
 .item-indicator.normal {
     background-color: #b97c45;
-    height: 80px;
+    height: 60px;
 }
 
 .item-content {
     flex: 1;
     display: flex;
     flex-direction: column;
-    gap: 8px;
+    gap: 6px;
 }
 
 .item-row {
@@ -211,17 +211,17 @@ export default {
 }
 
 .item-label {
-    font-size: 16px;
+    font-size: 14px;
     color: #333;
 }
 
 .item-date {
-    font-size: 16px;
+    font-size: 14px;
     color: #333;
 }
 
 .item-role {
-    font-size: 16px;
+    font-size: 14px;
     color: #333;
 }
 </style>

src/pages/selfCheck/index.vue

@@ -1,14 +1,6 @@
 <template>
     <home-container>
         <view class="self-check-page">
-            <!-- 标题区域 -->
-            <view class="header-section">
-                <view class="back-button" @click="goBack">
-                    <text class="back-icon">&lt;</text>
-                </view>
-                <view class="page-title">定/自检</view>
-            </view>
-
             <!-- 标签页区域 -->
             <view class="tabs-section">
                 <view v-for="(tab, index) in tabs" :key="index"
@@ -104,9 +96,6 @@ export default {
         }
     },
     methods: {
-        goBack() {
-            uni.navigateBack();
-        },
         switchTab(tabValue) {
             this.currentTab = tabValue;
         },
@@ -133,46 +122,15 @@ export default {
     background-color: #fff;
 }
 
-.header-section {
-    display: flex;
-    align-items: center;
-    padding: 20px 16px;
-    position: relative;
-}
-
-.back-button {
-    width: 40px;
-    height: 40px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: absolute;
-    left: 16px;
-}
-
-.back-icon {
-    font-size: 36px;
-    color: #333;
-    font-weight: bold;
-}
-
-.page-title {
-    flex: 1;
-    text-align: center;
-    font-size: 36px;
-    font-weight: bold;
-    color: #333;
-}
-
 .tabs-section {
     display: flex;
-    padding: 16px;
+    padding: 10px;
     border-bottom: 1px solid #f0f0f0;
 }
 
 .tab-item {
-    margin-right: 32px;
-    padding: 8px 0;
+    margin-right: 20px;
+    padding: 5px 0;
     position: relative;
 }
 
@@ -181,7 +139,7 @@ export default {
 }
 
 .tab-text {
-    font-size: 24px;
+    font-size: 16px;
     color: #999;
 }
 
@@ -201,15 +159,15 @@ export default {
 }
 
 .cards-section {
-    padding: 16px;
+    padding: 10px;
 }
 
 .check-card {
     background-color: #fff;
-    border-radius: 16px;
-    padding: 20px;
-    margin-bottom: 24px;
-    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
+    border-radius: 10px;
+    padding: 12px;
+    margin-bottom: 12px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
@@ -219,7 +177,7 @@ export default {
     flex: 1;
     display: flex;
     flex-direction: column;
-    gap: 16px;
+    gap: 8px;
 }
 
 .card-row {
@@ -229,26 +187,26 @@ export default {
 }
 
 .card-label {
-    font-size: 24px;
+    font-size: 14px;
     color: #333;
 }
 
 .card-date {
-    font-size: 24px;
+    font-size: 14px;
     color: #333;
 }
 
 .card-role {
-    font-size: 24px;
+    font-size: 14px;
     color: #333;
 }
 
 .status-tag {
-    padding: 8px 20px;
-    border-radius: 0 16px 16px 0;
-    font-size: 24px;
+    padding: 4px 12px;
+    border-radius:10px 0  10px 0;
+    font-size: 14px;
     font-weight: bold;
-    margin: -20px -20px -20px 0;
+    margin: -12px -12px -12px 0;
     align-self: flex-end;
 }