dingdan xiangxi page

nova-tourism/pages/homestay/homestay-order2/index.wxml

@@ -39,7 +39,7 @@
             </view>
         </view>
     </van-cell-group>
-    <van-divider customStyle="margin-bottom: 16rpx;border-color:'#B1B1B1' " />
+    <van-divider customStyle="margin-bottom: 16rpx;border-color:'#D9D9D9' " />
     <view class="benefitbox">
         <view class="benefitbox1">本单可享</view>
         <view class="benefitbox2">
@@ -62,7 +62,7 @@
             </view>
         </view>
     </view>
-    <van-divider customStyle="margin: 20rpx;border-color:'#B1B1B1' " />
+    <van-divider customStyle="margin: 20rpx;border-color:'#D9D9D9' " />
     <view class="benefitbox2">
         <view class="benefitbox2-text">发票</view>
         <view class="benefitbox2-text_22">

nova-tourism/pages/my/my-order/index.less

@@ -5,6 +5,8 @@
     overflow-y: scroll;
     padding-bottom: 20rpx;
     color: #382E2E;
+    font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", sans-serif; /* 添加后备字体 */
+    font-weight: 400;
     .tabbos{
         width: 100%;
         background-color: white;
@@ -16,11 +18,16 @@
             box-shadow:none;
         }
     }
+    @font-face {
+        font-family: 'NotoSans-Bold-5';
+        src: url('../../../styles/font/Noto-sans/NotoSans-Bold-5.ttf'); /* 字体文件路径 */
+    }
     .tab-bar {
         display: flex;
         justify-content: space-around;
         background-color: white;
         padding-bottom: 10rpx;
+        font-family: 'NotoSans-Bold-5', sans-serif;
       }
       
       .tab-item {
@@ -28,19 +35,23 @@
         text-align: center;
         position: relative;
         color: #969696;
+        font-size: 28rpx;
+        font-weight: 400;
       }
       
       .tab-item.active {
         position: relative;
         color: #67806A;
+        font-size: 32rpx;
+        font-weight: 500;
       }
       
       .tab-item.active::after {
         content: "";
-        width: 80%;
+        width: 64rpx;
         position: absolute;
-        left: 10%;
-        right: 10%; 
+        left: calc(50% - 32rpx); 
+        right: calc(50% - 32rpx); 
         bottom: 0;
         height: 6rpx;
         background-color: #67806A;
@@ -49,38 +60,38 @@
       }
     .cardbox{
         width: 100%;
-        height: auto;
+        height: 428rpx;
         padding-left: 30rpx;
         padding-right: 30rpx;
-        padding-top: 20rpx;
+        padding-top: 24rpx;
         padding-bottom: 10rpx;
-        margin-top: 20rpx;
+        margin-top: 26rpx;
         background-color: white;
         .title{
             width: 100%;
             font-size: 28rpx;
-            font-weight: 600;
+            font-weight: 400;
         }
         .roombox{
             width: 100%;
             display: flex;
-            margin-top: 20rpx;
+            margin-top: 24rpx;
             image{
-                width: 152rpx;
-                height: 154rpx;
-                border-radius: 10rpx;
+                width: 150rpx;
+                height: 150rpx;
+                border-radius: 4rpx;
             }
             .room{
                 height: 100%;
-                margin-left: 20rpx;
+                margin-left: 34rpx;
                 .room-name{
                     width: 460rpx;
-                    font-size: 28rpx;
+                    font-size: 24rpx;
                     margin-bottom: 10rpx;
     
                 }
                 .room-tag{
-                    font-size: 26rpx;
+                    font-size: 20rpx;
                     width: 460rpx;
                     height: auto;
                     color: #F37B40;
@@ -89,7 +100,7 @@
                 .room-text{
                     width: 460rpx;
                     height: auto;
-                    font-size: 26rpx;
+                    font-size: 20rpx;
                     color: #737373;
                 }
                 .room-text2{
@@ -107,8 +118,8 @@
             align-items: center;
             .ciri{
                 width: 200rpx;
-                font-size: 30rpx;
-                height: 50rpx;
+                font-size: 28rpx;
+                height: 36rpx;
                 display: flex;
                 justify-content: center;
                 align-items: center;
@@ -118,22 +129,22 @@
             }
             .price{
                 margin-left: auto;
-                font-size: 30rpx;
+                font-size: 28rpx;
             }
         }
         .sumbitbox{
             width: 100%;
             display: flex;
             justify-content: flex-end;
-            margin-top: 20rpx;
+            margin-top: 32rpx;
             .sumbit{
-                width: 164rpx;
-                height: 66rpx;
-                border-radius: 40rpx;
+                width: 168rpx;
+                height: 68rpx;
+                border-radius: 20rpx;
                 border: #F37B40 solid 2rpx;
                 background-color: white;
                 color: #F37B40;
-                font-size: 30rpx;
+                font-size: 28rpx;
                 display: flex;
                 align-items: center;
                 justify-content: center;

nova-tourism/pages/my/my-order/index.wxml

@@ -132,7 +132,7 @@
                         <view class="room-text">{{item.tiem}}</view>
                     </view>
                 </view>
-                <van-divider customStyle="margin: 20rpx;border-color:'#B1B1B1' " />
+                <van-divider customStyle="margin-top: 20rpx;margin-bottom:22rpx border-color:'#D9D9D9' " />
                 <view class="pricebox">
                     <view class="price">实付款￥{{item.price}}</view>
                 </view>

nova-tourism/pages/my/my-order/order-detail/index.less

@@ -5,6 +5,8 @@
     background-color: #F4F4F4;
     padding-bottom: 20rpx;
     color: #382E2E;
+    font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", sans-serif; /* 添加后备字体 */
+    font-weight: 400;
     .title{
         width: 100%;
         font-size: 36rpx;
@@ -15,38 +17,38 @@
     }
     .cardbox{
         width: 100%;
-        height: auto;
+        height: 674rpx;
         padding-left: 30rpx;
         padding-right: 30rpx;
-        padding-top: 20rpx;
+        padding-top: 30rpx;
         padding-bottom: 10rpx;
         margin-top: 20rpx;
         background-color: white;
         .title2{
             width: 100%;
             font-size: 30rpx;
-            font-weight: 600;
+            height: 36rpx;
+            font-weight: 400;
         }
         .roombox{
             width: 100%;
             display: flex;
-            margin-top: 20rpx;
+            margin-top: 18rpx;
             image{
-                width: 170rpx;
-                height: 170rpx;
-                border-radius: 10rpx;
+                width: 150rpx;
+                height: 150rpx;
+                border-radius: 4rpx;
             }
             .room{
                 height: 100%;
-                margin-left: 20rpx;
+                margin-left: 32rpx;
                 .room-name{
                     width: 460rpx;
-                    font-size: 28rpx;
-                    margin-bottom: 10rpx;
-    
+                    font-size: 24rpx;
+                    margin-bottom: 36rpx;
                 }
                 .room-tag{
-                    font-size: 26rpx;
+                    font-size: 20rpx;
                     width: 460rpx;
                     height: auto;
                     color: #F37B40;
@@ -55,13 +57,13 @@
                 .room-text{
                     width: 460rpx;
                     height: auto;
-                    font-size: 26rpx;
+                    font-size: 20rpx;
                     color: #737373;
                 }
                 .room-text2{
                     width: 460rpx;
                     height: auto;
-                    font-size: 26rpx;
+                    font-size: 20rpx;
                     margin-top: 100rpx;
                     color: #737373;
                 }
@@ -71,23 +73,23 @@
             width: 100%;
             height: auto;
             padding-bottom: 40rpx;
-            margin-top: 20rpx;
+            margin-top: 46rpx;
             .text1{
                 width: 100%;
-                font-size: 28rpx;
+                font-size: 20rpx;
                 display: flex;
                 color: #323232;
-                margin-bottom: 20rpx;
+                margin-bottom: 24rpx;
                 .tex2{
                     margin-left: auto;
-                    font-size: 30rpx;
-                    font-weight: 600;
+                    font-size: 28rpx;
+                    font-weight: 400;
                     color: black;
                    
                 }
                 .tex3{
                     margin-left: auto;
-                    font-size: 28rpx;
+                    font-size: 20rpx;
                     color: #979797;
                     display: flex;
                     .tex3-2{
@@ -118,15 +120,15 @@
                 width: 100%;
                 display: flex;
                 justify-content: flex-end;
-                margin-top: 20rpx;
+                margin-top: 26rpx;
                 .sumbit{
-                    width: 164rpx;
-                    height: 66rpx;
-                    border-radius: 40rpx;
+                    width: 168rpx;
+                    height: 68rpx;
+                    border-radius: 20rpx;
                     border: #F37B40 solid 2rpx;
                     background-color: white;
                     color: #F37B40;
-                    font-size: 30rpx;
+                    font-size: 28rpx;
                     display: flex;
                     align-items: center;
                     justify-content: center;