样式统一

Web/src/views/SettingView.vue

@@ -1,7 +1,7 @@
 <template>
-  <div style="padding-bottom: calc(50px + env(safe-area-inset-bottom, 0px));">
+  <div class="page-container">
     <van-nav-bar title="设置" placeholder/>
-    <div class="detail-header">
+    <div class="detail-header" style="padding-bottom: 5px;">
       <p>账单导入</p>
     </div>
     <van-cell-group inset>
@@ -12,7 +12,7 @@
     <!-- 隐藏的文件选择器 -->
     <input ref="fileInputRef" type="file" accept=".csv,.xlsx,.xls" style="display: none" @change="handleFileChange" />
 
-    <div class="detail-header">
+    <div class="detail-header" style="padding-bottom: 5px;">
       <p>分类处理</p>
     </div>
     <van-cell-group inset>
@@ -21,7 +21,7 @@
       <van-cell title="智能分类" is-link @click="handleSmartClassification" />
       <van-cell title="自然语言分类" is-link @click="handleNaturalLanguageClassification" />
     </van-cell-group>
-    <div class="detail-header">
+    <div class="detail-header" style="padding-bottom: 5px;">
       <p>账户</p>
     </div>
     <van-cell-group inset>
@@ -140,11 +140,6 @@ const handleLogout = async () => {
 </script>
 
 <style scoped>
-/* 设置页面容器背景色 */
-:deep(.van-nav-bar) {
-  background-color: transparent;
-}
-
 /* 页面背景色 */
 :deep(body) {
   background-color: #f5f5f5;