详情完善细节

pages/order_details/order_details.json

@@ -2,6 +2,5 @@
   "usingComponents": {
     "van-button": "@vant/weapp/button/index",
     "van-icon": "@vant/weapp/icon/index"
- 
   }
 }

pages/order_details/order_details.wxml

@@ -4,40 +4,48 @@
       哈尔滨师范大学第一公寓2门321</view>
     <view style="display: flex; justify-content: left;">
       <view class="order_smalltitle">
-        颜值在线（女士）
-      </view>
-      <view class="order_phone">
-        15639670876
+        姓名：吴迪（先生）
       </view>
+
     </view>
   </view>
 
   <view class="content-box">
-    <view class="content-title">
-      <image class="img-1" src="../../images/malatang.png" alt="" />
-    </view>
-    <view style="width: 300rpx; float: left;">
-      <view class="content-detail" style="font-size: 29rpx;">
-        老式麻辣烫（微辣）
+    <view style="display:flex;" class="content">
+      <image class="img-1" src="./images/malatang.png" alt="" />
+      <view style="display: flex;margin-top: 8rpx;">
+        <view style="width: 250rpx; ">
+          <view class="content-detail" style="font-size: 26rpx;color: #333333;font-size: 26rpx;">
+            老式麻辣烫（微辣）
+          </view>
+          <view style="color:#9f9f9f;font-size: 26rpx;margin-top: 15rpx;">
+            *2
+          </view>
+        </view>
+        <view>
+          <view class="order-money">
+            ￥9.9+20积分
+          </view>
+          <view class="order_phone">
+            ￥15.9
+          </view>
+        </view>
       </view>
-      <view style="color:#8b8b8b;font-size: 26rpx;">
-        *2
-      </view>
-    </view>
-    <view class="order-money">
-      ￥9.9+20积分
-    </view>
 
-    <view class="divLine">
+
     </view>
-    <view style="margin:3%">
-      <view class="card1" style=" margin-bottom: 8rpx;">
-        <text style="font-size:29rpx;color: #8b8b8b;line-height: 28px;">包装费</text>
-        <text style="font-size:29rpx;color: red;padding-right: 20rpx;">￥0</text>
+
+
+    <view>
+      <view class="card1" style="margin:3%  3% 8rpx">
+        <text style="font-size:29rpx;color: #8b8b8b;line-height: 28px;">包装费：</text>
+        <text style="font-size:29rpx;color: #e92668;padding-right: 20rpx;">￥0</text>
       </view>
-      <view class="card1">
-        <text style="font-size:29rpx;color: #8b8b8b;">配送费</text>
-        <text style="font-size:29rpx; color: red;font-weight: 500;  padding-right: 20rpx;">￥3</text>
+      <view class="divLine">
+      </view>
+      <view class="card1" style="margin: 10rpx 3% 5rpx">
+        <text style="font-size:29rpx;color: #8b8b8b;">配送费：</text>
+        <text style="font-size:29rpx; color: #e92668;font-weight: 500;  padding-right: 20rpx;">￥3</text>
       </view>
     </view>
   </view>
@@ -49,29 +57,28 @@
     不要香菜，不要蒜
   </view>
 
-
   <view class="logistics-box">
-    <view class="card1" style="padding-top: 20rpx;">
+    <view class="card1" style="padding-top: 20rpx; padding-bottom:20rpx">
       <text style="font-size:29rpx;color: #8b8b8b;">订单编号：</text>
       <text style="font-size:26rpx; font-weight: 500; padding-right: 20rpx;">989898854952336</text>
     </view>
-    <view style=" margin: 20rpx 0rpx; background: #E0E3DA;width: 95%;height: 1rpx">
+    <view style=" margin: 0rpx; background: #E0E3DA;width: 97%;height: 2rpx">
     </view>
-    <view class="card1" style="padding-top: 15rpx;">
+    <view class="card1" style="padding-top: 20rpx; padding-bottom:20rpx">
       <text style="font-size:29rpx;color: #8b8b8b;">交易时间：</text>
       <text style="font-size:26rpx; font-weight: 500; padding-right: 20rpx;">2023-04-25 15:56:18</text>
     </view>
-    <view style=" margin: 20rpx 0rpx; background: #E0E3DA;width: 95%;height: 1rpx;">
+    <view style=" margin:0rpx; background: #E0E3DA;width: 97%;height: 2rpx;">
     </view>
-    <view class="card1" style="padding-top: 15rpx;">
+    <view class="card1" style="padding-top: 20rpx;padding-bottom:20rpx">
       <text style="font-size:29rpx;color: #8b8b8b;">积分抵扣：</text>
       <text style="font-size:26rpx; font-weight: 500; padding-right: 20rpx;">30积分</text>
     </view>
-    <view style=" margin: 20rpx 0rpx; background: #E0E3DA;width: 95%;height: 1rpx;">
+    <view style=" margin:  0rpx; background: #E0E3DA;width: 97%;height: 2rpx;">
     </view>
-    <view class="card1" style="padding-top: 15rpx;">
-      <text style="font-size:29rpx;color: #8b8b8b;padding-bottom: 20rpx;">实付金额：</text>
-      <text style="font-size:26rpx; font-weight: 500; padding-right: 20rpx;">￥21.98</text>
+    <view class="card1" style="padding-top: 20rpx;padding-bottom:20rpx">
+      <text style="font-size:29rpx;color: #8b8b8b;padding-bottom: 10rpx;">实付金额：</text>
+      <text style="font-size:26rpx; font-weight: 500; padding-right: 20rpx;color:#e92668">￥21.98</text>
     </view>
   </view>
 
@@ -82,7 +89,7 @@
         配送人
       </view>
     </view>
-    <view style=" margin: 15rpx 0rpx; background: #E0E3DA;width: 95%;height: 1rpx;">
+    <view style=" margin: 20rpx 0rpx; background: #E0E3DA;width: 97%;height: 2rpx;">
     </view>
     <view style="height: 40rpx; padding-bottom: 20rpx;">
       <view class="logistic-information-left" style="width: 200rpx;">

pages/order_details/order_details.wxss

@@ -15,17 +15,22 @@ page {
   word-wrap: break-word;
   font-size: 40rpx;
   font-family: Source Han Sans CN, Source Han Sans CN-Medium;
-  font-weight: 500;
-  color: #3c3c3c;
+  font-weight: 600;
+  color: #666666;
   margin-bottom: 20rpx;
 }
 
 .order_smalltitle {
   font-size: 27rpx;
+  color: #a8a8a8;
 }
 
 .order_phone {
-  font-size: 28rpx;
+  font-size: 25rpx;
+  margin-left: 82rpx;
+  text-decoration: line-through;
+  color: #a8a8a8;
+  margin-top: 15rpx;
 }
 
 .content-box {
@@ -34,38 +39,33 @@ page {
   border-radius: 7px;
   margin-top: 16rpx;
   padding-bottom: 15rpx;
+
 }
 
-.content-title {
+.content {
   padding: 16rpx 0rpx 0rpx 0rpx;
 }
 
 .img-1 {
   margin-left: 15rpx;
-  width: 115rpx;
-  height: 115rpx;
-  float: left;
-  margin-right: 48rpx;
+  width: 210rpx;
+  height: 130rpx;
+  /* float: left; */
+  margin-right: 20rpx;
   border-radius: 7px;
 }
 
 .order-money {
-  float: right;
   font-size: 26rpx;
-  color: red;
+  color: #e92668;
   font-weight: 800;
-  margin-right: 38rpx;
-}
-
-.content-detail {
-  width: 400rpx;
 }
-
 .divLine {
   background: #E0E3DA;
-  width: 90%;
-  height: 1rpx;
-  margin: 125rpx auto 1rpx;
+  width: 94%;
+  height: 2rpx;
+  margin: 0 auto;
+  /* margin: 3% auto 1rpx; */
 }
 
 .card1 {
@@ -88,8 +88,8 @@ page {
 
 .remark-underline {
   background: #E0E3DA;
-  width: 95%;
-  height: 1rpx;
+  width: 97%;
+  height: 2rpx;
   margin: 15rpx 0rpx;
 }
 

pages/order_search/order_search.json

@@ -5,6 +5,5 @@
     "van-icon": "@vant/weapp/icon/index",
     "van-row": "@vant/weapp/row/index",
     "van-col": "@vant/weapp/col/index"
-
   }
 }

project.config.json

@@ -47,7 +47,7 @@
   },
   "compileType": "miniprogram",
   "libVersion": "2.19.4",
-  "appid": "wx73ccfa4695855c95",
+  "appid": "wx3250676a894b2f9c",
   "projectname": "miniprogram-92",
   "condition": {},
   "editorSetting": {