订单详情

app.json

@@ -4,7 +4,8 @@
     "pages/logs/logs",
     "pages/billing_Statistics/index",
     "pages/store_Management/index",
-    "pages/increase/increase"
+    "pages/increase/increase",
+    "pages/details/orderDetails"
   ],
   "window": {
     "backgroundTextStyle": "light",

pages/details/orderDetails.js

@@ -0,0 +1,66 @@
+// pages/details/orderDetails.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/details/orderDetails.json

@@ -0,0 +1,12 @@
+{
+  "usingComponents": {
+    "van-button": "@vant/weapp/button/index",
+    "van-nav-bar": "@vant/weapp/nav-bar/index",
+    "van-cell": "@vant/weapp/cell/index",
+    "van-cell-group": "@vant/weapp/cell-group/index",
+    "van-icon": "@vant/weapp/icon/index",
+    "van-row": "@vant/weapp/row/index",
+    "van-col": "@vant/weapp/col/index",
+    "van-image": "@vant/weapp/image/index"
+  }
+}

pages/details/orderDetails.wxml

@@ -0,0 +1,53 @@
+<view class="details">
+  <view class="address">
+    <van-cell-group inset>
+      <van-cell title="哈尔滨师范大学第一公寓2门321" label="姓名：吴迪（先生）" />
+    </van-cell-group>
+  </view>
+
+  <view class="products">
+    <van-cell-group inset>
+      <view class="products-top">
+        <van-cell border="{{false}}">
+          <image class='img-1' src='./images/malatang.png' slot="icon"></image>
+          <text class="text1">老式麻辣烫（微辣）</text>
+          <text class="text2">￥9.9+20积分</text>
+          <text class="text3">*2</text>
+          <text class="text4">￥15.9</text>
+        </van-cell>
+      </view>
+      <view class="products-content">
+        <van-cell value="￥0" label="包装费：" false value-class="cell-value1" />
+      </view>
+      <view class="products-bottom">
+        <van-cell value="￥3" label="配送费：" value-class="cell-value1" />
+      </view>
+    </van-cell-group>
+  </view>
+
+  <view class="remark">
+    <van-cell-group inset>
+      <van-cell title="" value="" label="备注" />
+      <van-cell title="" value="" label="不要香菜，不要蒜" />
+    </van-cell-group>
+  </view>
+  <view class="message">
+    <van-cell-group inset>
+      <van-cell value="989898989898989" label="订单编号：" value-class="cell-value2" />
+      <van-cell value="2023-04-26 10:43:21" label="交易时间：" value-class="cell-value2" />
+      <van-cell value="30积分" label="积分抵扣：" value-class="cell-value2" />
+      <van-cell value="￥21.98" label="实付金额：" value-class="cell-value1" />
+    </van-cell-group>
+  </view>
+
+  <view class="refund">
+    <van-row custom-class="refund-1">
+      <van-col offset="2" span="9">
+        <van-button color="#ccc" round block> 退款 </van-button>
+      </van-col>
+      <van-col offset="2" span="9">
+        <van-button color="rgb(247, 153, 47)" round block>重新打印</van-button>
+      </van-col>
+    </van-row>
+  </view>
+</view>

pages/details/orderDetails.wxss

@@ -0,0 +1,52 @@
+page{
+  background-color: rgb(243, 241, 241) ;
+}
+.address {
+  padding-top: 20rpx;
+}
+.products{
+  padding-top: 20rpx;
+}
+.img-1{
+  width: 200rpx;
+  height: 120rpx;
+  padding-right: 20rpx;
+}
+.text1{
+  float: left;
+  font-size: 26rpx;
+  color: #000;
+}
+.text2{
+  float: right;
+  font-size: 26rpx;
+  color: red;
+}
+.text3{
+  float: left;
+  font-size: 26rpx;
+}
+.text4{
+  float: right;
+  font-size: 24rpx;
+  text-decoration: line-through;
+}
+.products-top{
+  height: 140rpx;
+}
+.cell-value1{
+  color: red !important;
+  font-size: 24rpx !important;
+}
+.cell-value2{
+  font-size: 24rpx !important;
+}
+.remark{
+  padding-top: 20rpx;
+}
+.message{
+  padding-top: 20rpx;
+}
+.refund{
+  padding-top: 60rpx;
+}

project.private.config.json

@@ -1,6 +1,6 @@
 {
   "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
-  "projectname": "miniprogram-92",
+  "projectname": "delivery-business",
   "setting": {
     "compileHotReLoad": true
   },
@@ -13,6 +13,13 @@
           "query": "",
           "launchMode": "default",
           "scene": null
+        },
+        {
+          "name": "",
+          "pathName": "pages/details/orderDetails",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
         }
       ]
     }