refactor: ♻️ 自定义导航栏样式优化

src/layouts/default.vue

@@ -29,10 +29,6 @@ export default {
 .page-wraper {
   box-sizing: border-box;
   min-height: calc(100vh - var(--window-top));
-  background: #f9f9f9;
-}
-
-.wot-theme-dark.page-wraper {
-  background: #222;
+  background: var(--wot-color-bg);
 }
 </style>

src/pages/index/index.vue

@@ -22,6 +22,7 @@
     <!-- 轮播图 -->
     <wd-swiper
       v-model:current="current"
+      custom-class="swiper-box"
       :list="swiperList"
       autoplay
       @click="handleClick"
@@ -342,7 +343,6 @@ onReady(() => {
   align-items: center;
   justify-content: flex-start;
   height: 88rpx;
-  padding: 0 20rpx;
   background-color: var(--wot-color-bg);
 }
 </style>

src/styles/theme.scss

@@ -18,7 +18,7 @@ page {
   --wot-color-text-placeholder: #999999;
 
   /* 边框和背景变量 */
-  --wot-color-border: #e5e7eb;
+  --wot-color-border: #e5e5e5;
 }
 
 /* 暗黑主题 (dark) */
@@ -37,5 +37,5 @@ page {
   --wot-color-text-placeholder: #999999;
 
   /* 暗黑模式下的边框和背景变量 */
-  --wot-color-border: #374151;
+  --wot-color-border: #3a3a3a;
 }