misudingdan page

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

@@ -5,14 +5,16 @@
     padding-right: 30rpx;
     position: relative;
     color: #382E2E;
+    font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", sans-serif; /* 添加后备字体 */
+    font-weight: 400;
     .timebox{
         width: 100%;
         height: 50rpx;
         margin-top: 30rpx;
-        font-size: 28rpx;
+        font-size: 24rpx;
         display: flex;
         .time1{
-            margin-right: 40rpx;
+            margin-right: 52rpx;
         }
     }
     .roombox{
@@ -20,75 +22,74 @@
         display: flex;
         margin-top: 38rpx;
         image{
-            width: 165rpx;
-            height: 156rpx;
+            width: 150rpx;
+            height: 150rpx;
             border-radius: 10rpx;
         }
         .room{
             height: 100%;
             margin-left: 26rpx;
             .room-name{
-                font-size: 26rpx;
-                font-weight: 600;
+                font-size: 24rpx;
+                font-weight: 400;
                 margin-bottom: 24rpx;
-
             }
             .room-tag{
-                font-size: 26rpx;
+                font-size: 20rpx;
                 width: 480rpx;
                 height: auto;
                 color: #F37B40;
-                margin-bottom: 10rpx;
+                margin-bottom: 6rpx;
             }
             .room-text{
                 width: 480rpx;
                 height: auto;
-                font-size: 24rpx;
-                color: #737373;
+                font-size: 20rpx;
+                color: #979797;
             }
         }
     }
     .inputbox{
         width: 100%;
-        font-size: 26rpx;
+        font-size: 24rpx;
         .inputbox2{
             width: 100%;
             display: flex;
-            margin-bottom: 30rpx;
+            margin-bottom: 44rpx;
             align-items: center;
             .in-tex{
                 display: flex;
-                font-weight: 600;
                 margin-right: 30rpx;
                 width: 185rpx;
                 .red{
                     color: red;
-                    font-weight: 500;
+                    font-weight: 400;
                     margin-left: 4rpx;
                     margin-right: 10rpx;
                 }
             }
             .input{
-                font-size: 28rpx;
-                font-weight: 600;
+                font-size: 24rpx;
+                font-weight: 400;
             }
         }
+
     }
 
 
     .benefitbox{
         width: 100%;
         height: auto;
-        font-size: 26rpx;
+        font-size: 24rpx;
         .benefitbox1{
-            margin-bottom: 40rpx;
-            font-size: 26rpx;
-            font-weight: 600;
+            margin-bottom: 36rpx;
+            font-size: 24rpx;
+            font-weight: 400;
         }
         .benefitbox2{
             width: 100%;
             display: flex;
-            margin-bottom: 40rpx;
+            margin-bottom: 34rpx;
             .benefitbox2-text{
                 width: 120rpx;
             }
@@ -96,14 +97,14 @@
                 display: flex;
                 margin-left: auto;
                 color:#F37B40;
-                font-size: 28rpx;
+                font-size: 24rpx;
             }
             .benefitbox2-text_2{
                 display: flex;
                 margin-left: auto;
                 margin-right: 30rpx;
                 color:#F37B40;
-                font-size: 28rpx;
+                font-size: 24rpx;
             }
             .benefitbox2-text_22{
                 display: flex;
@@ -119,15 +120,15 @@
         margin-bottom: 40rpx;
         .benefitbox2-text{
             width: 120rpx;
-            font-size: 26rpx;
-            font-weight: 600;
+            font-size: 24rpx;
+            font-weight: 400;
         }
         .benefitbox2-text_22{
             display: flex;
             margin-left: auto;
             margin-right: 30rpx;
-            font-size: 26rpx;
-            font-weight: 600;
+            font-size: 24rpx;
+            font-weight: 400;
         }
 
     }
@@ -138,18 +139,19 @@
     bottom: 0;
     left: 0;
     width: 100%;
-    height: 90rpx;
+    height: 82rpx;
     display: flex;
-    font-size: 30rpx;
+    font-size: 32rpx;
+    font-weight: 700;
     color: #382E2E;
     .subbox1{
-        width: 40%;
+        width: 38%;
         display: flex;
         justify-content: center;
         align-items: center;
     }
     .subbox2{
-        width: 60%;
+        width: 62%;
         height: 100%;
         background-color: #F89B7F;
         color: white;

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

@@ -19,7 +19,7 @@
             <view class="room-text">{{date2}}</view>
         </view>
     </view>
-    <van-divider customStyle="margin: 20rpx;border-color:'#B1B1B1' " />
+    <van-divider customStyle="margin-top: 28rpx;margin-bottom:14rpx; border-color:'#B1B1B1' " />
     <van-cell-group>
         <!-- <van-field  label-class='lable' placeholder-style='font-weight: 500;' custom-style='padding-top:0rpx;padding-bottom:0rpx;' input-class='input' value="{{ name }}" required label="住客姓名" placeholder="请输入姓名" custom-style='padding-top:0rpx;padding-bottom:0rpx' bind:change='getname' border="{{ false }}" />
         <van-field label-class='lable' placeholder-style='font-weight: 500;'  custom-style='padding-top:0rpx;padding-bottom:0rpx;' input-class='input' value="{{ mobile }}" error-message="{{error_message}}" required label="联系电话" placeholder="请输入电话" border="{{ false }}" bind:blur='getmobile' /> -->
@@ -30,7 +30,7 @@
                 </view>
                 <input model:value="{{ name }}" bindinput='getname' class="input" type="text" placeholder-style="font-weight:500" placeholder="请输入住客姓名" />
             </view>
-            <view class="inputbox2">
+            <view class="inputbox2" style="margin-bottom: 38rpx;">
                 <view class="in-tex">联系电话
                     <view class="red">*</view>
                     +86
@@ -39,7 +39,7 @@
             </view>
         </view>
     </van-cell-group>
-    <van-divider customStyle="margin: 20rpx;border-color:'#B1B1B1' " />
+    <van-divider customStyle="margin-bottom: 16rpx;border-color:'#B1B1B1' " />
     <view class="benefitbox">
         <view class="benefitbox1">本单可享</view>
         <view class="benefitbox2">