dingdan

app.json

@@ -1,5 +1,7 @@
 {
   "pages": [
+    "pages/order/order",
+    "pages/message/message",
     "pages/shop/shop",
     "pages/login/login",
     "pages/ModifyProduct/ModifyProduct",
@@ -9,6 +11,7 @@
     "pages/aaa/abc",
     "pages/bbb/bbc",
     "pages/ccc/cbc"
+   
   ],
   "window": {
     "backgroundTextStyle": "light",
@@ -16,6 +19,30 @@
     "navigationBarTitleText": "Weixin",
     "navigationBarTextStyle": "black"
   },
+  "tabBar": {
+    "selectedColor": "green",
+    "borderStyle": "white",
+    "list": [
+      {
+        "pagePath": "pages/order/order",
+        "text": "订单",
+        "iconPath": "images/yemian1.png",
+        "selectedIconPath": "images/yemian.png"
+      },
+      {
+        "pagePath": "pages/message/message",
+        "text": "消息",
+        "iconPath": "images/tongzhi.png",
+        "selectedIconPath": "images/tongzhi1.png"
+      },
+      {
+        "pagePath": "pages/shop/shop",
+        "text": "我的",
+        "iconPath": "images/wode.png",
+        "selectedIconPath": "images/wode1.png"
+      }
+    ]
+  },
   "usingComponents": {
     "van-button": "@vant/weapp/button"
   },

pages/message/message.js

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

pages/message/message.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/message/message.wxml

@@ -0,0 +1,60 @@
+<!--pages/message/message.wxml-->
+
+<view class="order">
+  <view class="ordertext1">
+    <view class="order1">
+        <span>订单编号:989898989898989</span>
+        <view style="display: inline-flex; align-items: center">
+          <text class="cate-more">详情</text>
+          <view class="more">></view>
+        </view>
+      </view>
+      <view class="borderline"> </view>
+      <view class="content" >
+        <view style="display: flex; justify-content: space-between; align-items: center;">
+            <view>姓名：无敌</view>
+        <view style="display: inline-flex; align-items: center; color: #ff6b6a;">
+            <text class="cate-more">未送达</text>
+            
+          </view>
+        </view>
+        <view>手机号：1111111111</view>
+        <view>地址：:哈尔滨施法大学公寓2号楼1门</view>
+       <view style="display: flex; justify-content: space-between; align-items: center;">
+        <view>下单时间:2022-08-18 13:18:34</view>
+        <view style="display: inline-flex; align-items: center; width: 30vw; ">
+        <button style="font-size:28rpx !important;background-color: #ff6b6a; color: #fff;">重新打印</button>
+
+        </view>
+       </view>
+      </view>
+  </view>
+  <view class="ordertext1">
+    <view class="order1">
+        <span>订单编号:989898989898989</span>
+        <view style="display: inline-flex; align-items: center">
+          <text class="cate-more">详情</text>
+          <view class="more">></view>
+        </view>
+      </view>
+      <view class="borderline"> </view>
+      <view class="content" >
+        <view style="display: flex; justify-content: space-between; align-items: center;">
+            <view>姓名：无敌</view>
+        <view style="display: inline-flex; align-items: center; color: #ff6b6a;">
+            <text class="cate-more">未送达</text>
+            
+          </view>
+        </view>
+        <view>手机号：1111111111</view>
+        <view>地址：:哈尔滨施法大学公寓2号楼1门</view>
+       <view style="display: flex; justify-content: space-between; align-items: center;">
+        <view>下单时间:2022-08-18 13:18:34</view>
+        <view style="display: inline-flex; align-items: center; width: 30vw; ">
+        <button style="font-size:28rpx !important;background-color: #ff6b6a; color: #fff;">重新打印</button>
+
+        </view>
+       </view>
+      </view>
+  </view>
+</view>

pages/message/message.wxss

@@ -0,0 +1,101 @@
+/* pages/message/message.wxss */
+/**index.wxss**/
+page {
+    background-color: #f6f6f6;
+    height: 100%;
+  }
+  
+.search-container{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10rpx 20rpx;
+    box-sizing: border-box;
+    background-color: #ffffff;
+  }
+  .search-left{
+    background-color: #ffffff;
+    flex: 2;
+    border-radius: 40rpx;
+    padding-right: 40rpx;
+    box-sizing: border-box;
+    border:1px solid black ;
+  }
+  
+  .search-left input{
+    display: inline-block;
+    vertical-align: middle;
+    width: calc(100% - 88rpx);
+  }
+  .search-right{
+    height: 18px;
+    padding: 10rpx;
+    background-color: rgb(255,140,0);
+    border:1px solid #FF8C00 ;
+    border-radius: 40rpx;
+    text-align:center;
+    color:#ffffff;
+  }
+
+  .tab-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 10rpx 0;
+    color: #b7c7d6;
+    background-color: #ffffff;
+  }
+  
+  .tab-container .default {
+    margin-right: 25rpx;
+    padding: 5rpx 15rpx;
+  }
+  
+  .expend-active {
+    color: #0ca168;
+    border-bottom: 2px solid #0ca168;
+  }
+  
+  .earning-active {
+    color: #ff6b6a;
+    border-bottom: 2px solid #ff6b6a;
+  }
+  
+  .transaccount-active {
+    color: #abcdef;
+    border-bottom: 2px solid #abcdef;
+  }
+  .ordertext1{
+    border: 1px solid #b9b2b2;
+    border-radius: 10px;
+    margin: 20px;
+    background-color: #ffffff;
+  }
+  .order{
+    
+  }
+  .order1{
+    margin: 10px;
+    padding: 5px;
+    
+    color:#515153 ;
+    display: flex;
+    font-size: 15px;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .order1_span2{
+   text-align: end;
+  }
+  .borderline{
+    border-bottom: 1px solid #a0a0a4;
+    width: 80%;
+    margin: 0 40px;
+
+  }
+  .content{
+    color: #515153;
+    margin: 5px;
+    padding:10px;
+    font-size: 15px;
+  }

pages/order/order.js

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

pages/order/order.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/order/order.wxml

@@ -0,0 +1,91 @@
+<!--index.wxml-->
+<view class="search-container">
+  <view class="search-left">
+    <input type="text" placeholder="  搜索用户手机号" />
+  </view>
+  <view class="search-right">
+    <span>搜索</span>
+  </view>
+</view>
+
+<view>
+  <view class="tab-container">
+    <view
+      class="default {{ type == 'expend' ? 'expend-active' : '' }}"
+      bindtap="handleType"
+      data-type="expend"
+      >待送达</view
+    >
+    <view
+      class="default {{ type == 'earning' ? 'earning-active' : '' }}"
+      bindtap="handleType"
+      data-type="earning"
+      >已送达</view
+    >
+    <view
+      class="default {{ type == 'transaccount' ? 'transaccount-active' : '' }}"
+      bindtap="handleType"
+      data-type="transaccount"
+      >已退款</view
+    >
+  </view>
+</view>
+
+<view class="order">
+  <view class="ordertext1">
+    <view class="order1">
+        <span>订单编号:989898989898989</span>
+        <view style="display: inline-flex; align-items: center">
+          <text class="cate-more">详情</text>
+          <view class="more">></view>
+        </view>
+      </view>
+      <view class="borderline"> </view>
+      <view class="content" >
+        <view style="display: flex; justify-content: space-between; align-items: center;">
+            <view>姓名：无敌</view>
+        <view style="display: inline-flex; align-items: center; color: #ff6b6a;">
+            <text class="cate-more">未送达</text>
+            
+          </view>
+        </view>
+        <view>手机号：1111111111</view>
+        <view>地址：:哈尔滨施法大学公寓2号楼1门</view>
+       <view style="display: flex; justify-content: space-between; align-items: center;">
+        <view>下单时间:2022-08-18 13:18:34</view>
+        <view style="display: inline-flex; align-items: center; width: 30vw; ">
+        <button style="font-size:28rpx !important;background-color: #ff6b6a; color: #fff;">重新打印</button>
+
+        </view>
+       </view>
+      </view>
+  </view>
+  <view class="ordertext1">
+    <view class="order1">
+        <span>订单编号:989898989898989</span>
+        <view style="display: inline-flex; align-items: center">
+          <text class="cate-more">详情</text>
+          <view class="more">></view>
+        </view>
+      </view>
+      <view class="borderline"> </view>
+      <view class="content" >
+        <view style="display: flex; justify-content: space-between; align-items: center;">
+            <view>姓名：无敌</view>
+        <view style="display: inline-flex; align-items: center; color: #ff6b6a;">
+            <text class="cate-more">未送达</text>
+            
+          </view>
+        </view>
+        <view>手机号：1111111111</view>
+        <view>地址：:哈尔滨施法大学公寓2号楼1门</view>
+       <view style="display: flex; justify-content: space-between; align-items: center;">
+        <view>下单时间:2022-08-18 13:18:34</view>
+        <view style="display: inline-flex; align-items: center; width: 30vw; ">
+        <button style="font-size:28rpx !important;background-color: #ff6b6a; color: #fff;">重新打印</button>
+
+        </view>
+       </view>
+      </view>
+  </view>
+</view>

pages/order/order.wxss

@@ -0,0 +1,100 @@
+/**index.wxss**/
+page {
+    background-color: #f6f6f6;
+    height: 100%;
+  }
+  
+.search-container{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10rpx 20rpx;
+    box-sizing: border-box;
+    background-color: #ffffff;
+  }
+  .search-left{
+    background-color: #ffffff;
+    flex: 2;
+    border-radius: 40rpx;
+    padding-right: 40rpx;
+    box-sizing: border-box;
+    border:1px solid black ;
+  }
+  
+  .search-left input{
+    display: inline-block;
+    vertical-align: middle;
+    width: calc(100% - 88rpx);
+  }
+  .search-right{
+    height: 18px;
+    padding: 10rpx;
+    background-color: rgb(255,140,0);
+    border:1px solid #FF8C00 ;
+    border-radius: 40rpx;
+    text-align:center;
+    color:#ffffff;
+  }
+
+  .tab-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 10rpx 0;
+    color: #b7c7d6;
+    background-color: #ffffff;
+  }
+  
+  .tab-container .default {
+    margin-right: 25rpx;
+    padding: 5rpx 15rpx;
+  }
+  
+  .expend-active {
+    color: #0ca168;
+    border-bottom: 2px solid #0ca168;
+  }
+  
+  .earning-active {
+    color: #ff6b6a;
+    border-bottom: 2px solid #ff6b6a;
+  }
+  
+  .transaccount-active {
+    color: #abcdef;
+    border-bottom: 2px solid #abcdef;
+  }
+  .ordertext1{
+    border: 1px solid #b9b2b2;
+    border-radius: 10px;
+    margin: 20px;
+    background-color: #ffffff;
+  }
+  .order{
+    
+  }
+  .order1{
+    margin: 10px;
+    padding: 5px;
+    
+    color:#515153 ;
+    display: flex;
+    font-size: 15px;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .order1_span2{
+   text-align: end;
+  }
+  .borderline{
+    border-bottom: 1px solid #a0a0a4;
+    width: 80%;
+    margin: 0 40px;
+
+  }
+  .content{
+    color: #515153;
+    margin: 5px;
+    padding:10px;
+    font-size: 15px;
+  }

project.config.json

@@ -1,5 +1,5 @@
 {
-  "appid": "wx34182232f389154d",
+  "appid": "wx48d1f78347c24a96",
   "compileType": "miniprogram",
   "libVersion": "2.31.0",
   "packOptions": {