接口

pages/order/order.js

@@ -6,6 +6,7 @@ Page({
    */
   data: {
     value: '',
+    list: []
   },
   onChange(e) {
     this.setData({
@@ -22,10 +23,28 @@ Page({
   /**
    * 生命周期函数--监听页面加载
    */
-  onLoad(options) {
-
+  onLoad() {
+    this.loadData()
+  },
+  bindViewTapLower() {
+    console.log("滚到底了 别滚了")
+    this.loadData();
+  },
+  loadData() {
+    wx.request({
+      url: 'https://www.fastmock.site/mock/7f997aadee294cfb196a3b460e30e900/api/order/list',
+      success: (r) => {
+        let list = this.data.list;
+        for (let i = 0; i < r.data.data.list.length; i++) {
+          list.push(r.data.data.list[i])
+        }
+        this.setData({
+          list: list
+        })
+        console.log(this.data.list)
+      }
+    })
   },
-
   /**
    * 生命周期函数--监听页面初次渲染完成
    */

pages/order/order.wxml

@@ -1,42 +1,50 @@
-<van-search
-  value="{{ value }}"
-  placeholder="搜索用户手机号"
-  use-action-slot
-  bind:change="onChange"
-  bind:search="onSearch"
->
+<van-search value="{{ value }}" placeholder="搜索用户手机号" use-action-slot bind:change="onChange" bind:search="onSearch">
   <view slot="action" bind:tap="onClick">搜索</view>
 </van-search>
+
 <van-tabs active="a">
   <van-tab title="待送达" name="a">
-      <van-panel class="total" title="订单编号：898989898"status="详细>">
-        <view><van-cell class="name" title="姓名:吴迪(先生)" value="待送达" value-class="cell-value" border="{{ false }}"/></view>
-        <view class="mess1">手机号:1389091919</view>
-        <view class="mess1">地址:哈尔滨师范大学公寓2号楼1门</view>
-        <view class="mess1">下单时间:2022-08-18 13:18:34</view>
-        <view class="b1">
-          <van-button size="mini" type="warning">重新打印</van-button>
-        </view>
-      </van-panel>
-      <van-panel class="total" title="订单编号：898989898"status="详细>">
-        <view><van-cell class="name" title="姓名:吴迪(先生)" value="待送达" value-class="cell-value" border="{{ false }}"/></view>
-        <view class="mess1">手机号:1389091919</view>
-        <view class="mess1">地址:哈尔滨师范大学公寓2号楼1门</view>
-        <view class="mess1">下单时间:2022-08-18 13:18:34</view>
-        <view class="b1">
-          <van-button size="mini" type="warning">重新打印</van-button>
-        </view>
-      </van-panel>
+  <view wx:for="{{list}}" wx:key="order_no" wx:for-item="item">
+  <scroll-view scroll-y bindscrolltolower="bindViewTapLower"> 
+     <van-panel class="total" title="订单编号:{{item.order_no}}" status="详细>">
+      <view>
+        <van-cell class="name" title="姓名：{{item.name}}" value="待送达" value-class="cell-value" border="{{ false }}" />
+      </view>
+      <view class="mess1">手机号{{item.mobile}}</view>
+      <view class="mess1">地址:{{item.local}}</view>
+      <view class="mess1">下单时间{{item.time}}</view>
+      <view class="b1">
+        <van-button size="mini" type="warning">重新打印</van-button>
+      </view>
+    </van-panel>
+  </scroll-view>
+   
+    <!-- <van-panel class="total" title="订单编号：898989898" status="详细>">
+      <view>
+        <van-cell class="name" title="姓名:吴迪(先生)" value="待送达" value-class="cell-value" border="{{ false }}" />
+      </view>
+      <view class="mess1">手机号:1389091919</view>
+      <view class="mess1">地址:哈尔滨师范大学公寓2号楼1门</view>
+      <view class="mess1">下单时间:2022-08-18 13:18:34</view>
+      <view class="b1">
+        <van-button size="mini" type="warning">重新打印</van-button>
+      </view>
+    </van-panel> -->
+  </view>
+    
+  </van-tab>
+  <van-tab title="已送达" name="b">
+    <van-panel class="total" title="订单编号：898989898" status="详细>">
+      <view>
+        <van-cell class="name" title="姓名:吴迪(先生)" value="待送达" border="{{ false }}" />
+      </view>
+      <view class="mess1">手机号:1389091919</view>
+      <view class="mess1">地址:哈尔滨师范大学公寓2号楼1门</view>
+      <view class="mess1">下单时间:2022-08-18 13:18:34</view>
+      <view class="b1">
+        <van-button size="mini" type="warning">重新打印</van-button>
+      </view>
+    </van-panel>
   </van-tab>
-  <van-tab title="已送达" name="b"> <van-panel class="total" title="订单编号：898989898"status="详细>">
-        <view><van-cell class="name" title="姓名:吴迪(先生)" value="待送达" border="{{ false }}"/></view>
-        <view class="mess1">手机号:1389091919</view>
-        <view class="mess1">地址:哈尔滨师范大学公寓2号楼1门</view>
-        <view class="mess1">下单时间:2022-08-18 13:18:34</view>
-        <view class="b1">
-          <van-button size="mini" type="warning">重新打印</van-button>
-        </view>
-      </van-panel></van-tab>
   <van-tab title="已退款" name="c">内容</van-tab>
-</van-tabs>
-
+</van-tabs>

pages/order/order.wxss

@@ -18,6 +18,7 @@
   color: #706868;
   font-size: 12px;
   
+  
 }
 .total{
   display: block;

pages/total/total.wxss

@@ -1,5 +1,5 @@
 .total{
-  width: 320px;
+  width: 750rpx;
   background-color: #ee8036;
 }
 .day{
@@ -17,15 +17,15 @@
   font-size: x-large;
 }
 .fill{
-  height: 100px;
-  width: 320px;
+  height: 240rpx;
+  width: 750rpx;
   background-color: #f59251;
   color: aliceblue;
 
 }
 .sum{
-  width: 107px;
-  height: 95px;
+  width: 250rpx;
+  height: 200rpx;
   border-right: 1px solid rgb(133, 131, 131);
   float: left;
 }

project.config.json

@@ -48,7 +48,7 @@
   },
   "compileType": "miniprogram",
   "libVersion": "2.19.4",
-  "appid": "wxf702073d9efdcb8f",
+  "appid": "wx23dad96718cee2a7",
   "projectname": "miniprogram-92",
   "condition": {},
   "editorSetting": {