feat: 调整商品详情样式

App.vue

@@ -9,13 +9,13 @@ onLaunch(async () => {
   const token = uni.getStorageSync("token");
 
   // 检测是否绑定手机号和token
-  // if (token) {
-  //   const res = await checkPhone();
+  if (token) {
+    const res = await checkPhone();
 
-  //   if (res.data) {
-  //     goHome();
-  //   }
-  // }
+    if (res.data) {
+      goHome();
+    }
+  }
 });
 
 onShow(() => {

components/FormCard/styles/index.scss

@@ -5,7 +5,7 @@ $form-text-color: #333;
 $form-label-color: #86909c;
 $form-border-color: #ddd;
 $form-input-border-color: #ddd;
-$form-bg-color: #fff;
+$form-bg-color: #f5f5f5;
 $form-header-bg-color: rgba(25, 144, 255, 0.06);
 $form-border-radius: 8px;
 $form-transition: all 0.2s ease;
@@ -61,6 +61,8 @@ $form-transition: all 0.2s ease;
   background-color: $form-bg-color;
   border-radius: 0 0 $form-border-radius $form-border-radius;
   box-sizing: border-box;
+  border: 1px solid $form-border-color;
+  border-top: none;
   padding: 12px;
 }
 

components/SumCard/styles/index.scss

@@ -1,6 +1,6 @@
 .sum-wrapper {
   border-radius: 8px;
-  background-color: #fff;
+  background-color: #f5f5f5;
   padding: 0 12px;
   box-sizing: border-box;
 }

pages.json

@@ -2,13 +2,13 @@
   "pages": [
     //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
     {
-      "path": "pages/login/index",
+      "path": "pages/index/index",
       "style": {
         "navigationStyle": "custom"
       }
     },
     {
-      "path": "pages/index/index",
+      "path": "pages/login/index",
       "style": {
         "navigationStyle": "custom"
       }

pages/goods/components/GoodConfirm/index.vue

@@ -2,7 +2,7 @@
   <uni-popup
     ref="popup"
     type="bottom"
-    background-color="#E9F3F7"
+    background-color="#fff"
     border-radius="12px 12px 0 0"
     mask-background-color="rgba(0,0,0,0.5)"
     :safe-area="false"
@@ -98,7 +98,10 @@
           </scroll-view>
 
           <!-- 总价区域 -->
-          <SumCard :referencePrice="goodsData.specificationPrice" :discount="totalPrice" />
+          <SumCard
+            :referencePrice="goodsData.specificationPrice"
+            :discount="totalPrice"
+          />
         </view>
       </scroll-view>
 

pages/goods/components/GoodConfirm/styles/index.scss

@@ -34,7 +34,7 @@
 }
 
 .good-content {
-  background: #e9f3f7;
+  background: #fff;
   box-sizing: border-box;
   max-height: 60vh;
   overflow: hidden;
@@ -54,7 +54,7 @@
   .goods-info {
     display: flex;
     box-sizing: border-box;
-    background-color: #fff;
+    background-color: #f5f5f5;
     padding: 12px;
 
     .goods-details {
@@ -105,13 +105,13 @@
         font-size: 14px;
         font-weight: 500;
         color: #333;
-        margin-bottom: 8px;
       }
 
       .goods-service-item {
         display: flex;
         align-items: center;
         justify-content: space-between;
+        margin-top: 8px;
 
         .service-label,
         .service-value {