serch

Web_Wave

@@ -1 +0,0 @@
-Subproject commit bdcc08cd6ddc79c8999a686e36b82dfff1687756

app.json

@@ -4,7 +4,8 @@
     "pages/serch-outcome/serch-outcome",
     "pages/Businesses/Businesses",
     "pages/serch/serch",
-    "pages/logs/logs"
+    "pages/logs/logs",
+    "pages/my/my"
   ],
   "window": {
     "backgroundTextStyle": "light",
@@ -31,6 +32,22 @@
     "van-stepper": "@vant/weapp/stepper/index",
     "van-empty": "@vant/weapp/empty/index"
   },
+  "tabBar": {
+    "list": [
+      {
+        "pagePath": "pages/index/index",
+        "selectedIconPath": "./images/首页.png",
+        "iconPath": "./images/首页ah.png",
+        "text": "首页"
+      },
+      {
+        "pagePath": "pages/my/my",
+        "text": "我的",
+        "selectedIconPath": "./images/我的.png",
+        "iconPath": "./images/我的ah.png"
+      }
+    ]
+  },
   "sitemapLocation": "sitemap.json",
   "lazyCodeLoading": "requiredComponents"
-}
+}

app.wxss

@@ -1,10 +0,0 @@
-/**app.wxss**/
-.container {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
-  padding: 200rpx 0;
-  box-sizing: border-box;
-} 

images/shanchu.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="14px" height="14.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#A9A9A9" d="M202.666667 256h-42.666667a32 32 0 0 1 0-64h704a32 32 0 0 1 0 64H266.666667v565.333333a53.333333 53.333333 0 0 0 53.333333 53.333334h384a53.333333 53.333333 0 0 0 53.333333-53.333334V352a32 32 0 0 1 64 0v469.333333c0 64.8-52.533333 117.333333-117.333333 117.333334H320c-64.8 0-117.333333-52.533333-117.333333-117.333334V256z m224-106.666667a32 32 0 0 1 0-64h170.666666a32 32 0 0 1 0 64H426.666667z m-32 288a32 32 0 0 1 64 0v256a32 32 0 0 1-64 0V437.333333z m170.666666 0a32 32 0 0 1 64 0v256a32 32 0 0 1-64 0V437.333333z"  /></svg>

pages/Businesses/Businesses.js

@@ -3,7 +3,15 @@ Page({
   /**
    * 页面的初始数据
    */
-  data: {},
+  data: {
+    money: 9.9,
+    Integral: 20,
+    allMoney: 0,
+    allIntegral: 0,
+    number: 0,
+    list: [],
+    list1: [],
+  },
 
   /**
    * 生命周期函数--监听页面加载
@@ -12,9 +20,80 @@ Page({
     wx.setNavigationBarTitle({
       title: "商户",
     });
-    
+    wx.request({
+      url:
+        "https://www.fastmock.site/mock/883cd62177ae0a3a79638beccc3349da/api/order/list",
+      success: (e) => {
+        let { data } = e.data;
+        this.setData({
+          list: data.list,
+        });
+      },
+    });
+    wx.request({
+      url:
+        "https://www.fastmock.site/mock/883cd62177ae0a3a79638beccc3349da/api/order/list2",
+      success: (res) => {
+        let { data } = res.data;
+        this.setData({
+          list1: data.list,
+        });
+      },
+    });
+  },
+  prev() {
+    this.setData({
+      allMoney: this.data.allMoney - this.data.money,
+      allIntegral: this.data.allIntegral - this.data.Integral,
+    });
+  },
+  plus() {
+    this.setData({
+      allMoney: this.data.allMoney + this.data.money,
+      allIntegral: this.data.allIntegral + this.data.Integral,
+    });
+  },
+  OnInput(e) {
+    var list = this.data.list;
+    var value = e.detail.value;
+    var id = e.currentTarget.dataset.id;
+    this.data.allMoney = 0;
+    this.data.allIntegral = 0;
+    for (var i = 0; i < list.length; i++) {
+      if (id == list[i].id) {
+        list[i].status = value;
+      }
+      this.data.allMoney += list[i].status * this.data.money;
+      this.data.allIntegral += list[i].status * this.data.Integral;
+    }
+    this.setData({
+      allMoney: this.data.allMoney,
+      allIntegral: this.data.allIntegral,
+    });
+  },
+  OnInput1(e) {
+    var list = this.data.list1;
+    var value = e.detail.value;
+    var id = e.currentTarget.dataset.id;
+    this.data.allMoney = 0;
+    this.data.allIntegral = 0;
+    for (var i = 0; i < list.length; i++) {
+      if (id == list[i].id) {
+        list[i].status = value;
+      }
+      this.data.allMoney += list[i].status * this.data.money;
+      this.data.allIntegral += list[i].status * this.data.Integral;
+    }
+    this.setData({
+      allMoney: this.data.allMoney,
+      allIntegral: this.data.allIntegral,
+    });
+  },
+  goSerch(){
+    wx.navigateTo({
+      url: '../serch-outcome/serch-outcome',
+    })
   },
-
   /**
    * 生命周期函数--监听页面初次渲染完成
    */

pages/Businesses/Businesses.wxml

@@ -1,4 +1,5 @@
-<view class="all">
+<wxs module="filters" src="../../utils/filters.wxs"></wxs>
+<view class="all" bindtap="goSerch">
   <view class="ert" bindtap="search">
     <van-search background="#FF8C00" value="{{ value }}" placeholder="麻辣烫" shape="round" />
     <van-button color="#FF8C00" class="btn" round type="info" size="mini">搜索</van-button>
@@ -38,18 +39,63 @@
 </view>
 <view>
   <view class="all1">
-    <template is="card" data="" />
-    <template is="card" data="" />
-    <template is="card3" data="" />
-    <template is="card3" data="" />
-    <template is="card3" data="" />
+    <view wx:for="{{list}}" wx:key="id">
+      <view class="card1">
+        <view>
+          <image style="width: 170rpx;height: 170rpx; margin:25rpx 35rpx 0 60rpx ;" src="../../images/tupian2.png" mode="" />
+        </view>
+        <view style="margin-top: 25rpx;">
+          <view>
+            <text style="font-size: 14px;">麻辣烫微辣</text>
+            <van-tag color="#FF4500" style="margin-left: 10rpx;">优惠商品</van-tag>
+          </view>
+          <view style="margin-bottom: 10rpx;">
+            <text style="color: #D3D3D3; font-size: 12px; margin-bottom: 10rpx;">包含香菜、菠菜、面、豆芽、海带</text>
+          </view>
+          <view style="margin-bottom: 10rpx;">
+            <view style="display: flex;">
+              <text style="font-size: 12px; font-weight: 700;">￥28.80</text>
+              <view style="width: 55px; height: 1px; background-color: #808080; margin-left: -90rpx; margin-top: 14rpx;"></view>
+              <text style="font-size: 12px; margin-left: 245rpx; color: #FF8C00;">限购2份</text>
+            </view>
+          </view>
+          <view style="display: flex;">
+            <view class="order-money">
+              ￥9.9+20积分
+            </view>
+            <van-stepper bind:blur="OnInput" bind:minus="prev" bind:plus="plus" bind:change="onChange" data-id="{{item.id}}" min="0" value="{{ 0 }}" round button-size="20px" input-width="36px" />
+          </view>
+        </view>
+      </view>
+    </view>
+    <view wx:for="{{list1}}" wx:key="id">
+      <view class="card1">
+        <view>
+          <image style="width: 170rpx;height: 170rpx; margin:25rpx 35rpx 0 60rpx ;" src="../../images/tupian2.png" mode="" />
+        </view>
+        <view style="margin-top: 25rpx;">
+          <view>
+            <text style="font-size: 14px;">{{item.title}}</text>
+          </view>
+          <view style="margin-bottom: 10rpx;">
+            <text style="color: #D3D3D3; font-size: 12px; margin-bottom: 10rpx;">{{item.text}}</text>
+          </view>
+          <view style="display: flex; margin-top: 50rpx;">
+            <view class="order-money">
+              ￥{{item.money}}
+            </view>
+            <van-stepper bind:blur="OnInput1" bind:minus="prev" bind:plus="plus" bind:change="onChange" data-id="{{item.id}}" class="minus-class" min="0" value="{{ 0 }}" round button-size="20px" input-width="36px" />
+          </view>
+        </view>
+      </view>
+    </view>
   </view>
 </view>
 <view class="foot">
   <view style="display: flex;">
     <image style="width: 35px;height: 35px; margin: 10rpx 0 0 30rpx;" src="../../images/gouwuchekong.svg" mode="" />
     <view class="order-money">
-      ￥9.9+20积分
+      ￥{{filters.toFix(allMoney)}}+{{allIntegral}}积分
       <view style="font-size: 10px; font-weight: 400; margin-top: 6rpx;">
         共优惠￥10.0
         <text style="color: #808080; margin-left: 20rpx;">贷款费￥0</text>
@@ -59,57 +105,13 @@
   </view>
 </view>
 <view style="width: 100%;height: 86rpx;">
-  
+
 </view>
 
 
 <template name="card">
-  <view class="card1">
-    <view>
-      <image style="width: 170rpx;height: 170rpx; margin:25rpx 35rpx 0 60rpx ;" src="../../images/tupian2.png" mode="" />
-    </view>
-    <view style="margin-top: 25rpx;">
-      <view>
-        <text style="font-size: 14px;">麻辣烫微辣</text>
-        <van-tag color="#FF4500" style="margin-left: 10rpx;">优惠商品</van-tag>
-      </view>
-      <view style="margin-bottom: 10rpx;">
-        <text style="color: #D3D3D3; font-size: 12px; margin-bottom: 10rpx;">包含香菜、菠菜、面、豆芽、海带</text>
-      </view>
-      <view style="margin-bottom: 10rpx;">
-        <view style="display: flex;">
-          <text style="font-size: 12px; font-weight: 700;">￥28.80</text>
-          <view style="width: 55px; height: 1px; background-color: #808080; margin-left: -90rpx; margin-top: 14rpx;"></view>
-          <text style="font-size: 12px; margin-left: 245rpx; color: #FF8C00;">限购2份</text>
-        </view>
-      </view>
-      <view style="display: flex;">
-        <view class="order-money">
-          ￥9.9+20积分
-        </view>
-        <van-stepper min="0" value="{{ 0 }}" round button-size="20px" input-width="36px" />
-      </view>
-    </view>
-  </view>
+
 </template>
 <template name="card3">
-  <view class="card1">
-    <view>
-      <image style="width: 170rpx;height: 170rpx; margin:25rpx 35rpx 0 60rpx ;" src="../../images/tupian2.png" mode="" />
-    </view>
-    <view style="margin-top: 25rpx;">
-      <view>
-        <text style="font-size: 14px;">麻辣烫微辣</text>
-      </view>
-      <view style="margin-bottom: 10rpx;">
-        <text style="color: #D3D3D3; font-size: 12px; margin-bottom: 10rpx;">包含香菜、菠菜、面、豆芽、海带</text>
-      </view>
-      <view style="display: flex; margin-top: 50rpx;">
-        <view class="order-money">
-          ￥9.9
-        </view>
-        <van-stepper class="minus-class" min="0" value="{{ 0 }}" round button-size="20px" input-width="36px" />
-      </view>
-    </view>
-  </view>
+
 </template>

pages/index/index.js

@@ -3,46 +3,49 @@
 const app = getApp()
 
 Page({
-  data: {
-    motto: 'Hello World',
-    userInfo: {},
-    hasUserInfo: false,
-    canIUse: wx.canIUse('button.open-type.getUserInfo'),
-    canIUseGetUserProfile: false,
-    canIUseOpenData: wx.canIUse('open-data.type.userAvatarUrl') && wx.canIUse('open-data.type.userNickName') // 如需尝试获取用户信息可改为false
-  },
-  // 事件处理函数
-  bindViewTap() {
-    wx.navigateTo({
-      url: '../logs/logs'
-    })
-  },
-  onLoad() {
-    if (wx.getUserProfile) {
-      this.setData({
-        canIUseGetUserProfile: true
-      })
-    }
-  },
-  getUserProfile(e) {
-    // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
-    wx.getUserProfile({
-      desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
-      success: (res) => {
-        console.log(res)
+    data: {
+        swiperImgs: [
+            'https://img.zcool.cn/community/0124335d234357a801207640051686.jpg@1280w_1l_2o_100sh.jpg',
+            'https://img.zcool.cn/community/01bac95d233e81a80121376323538b.jpg@1280w_1l_2o_100sh.jpg',
+            'https://img.zcool.cn/community/01731a5d234357a801213763876d7f.jpg@1280w_1l_2o_100sh.jpg',
+            './images/1.png'
+        ],
+        show: true,
+
+    },
+    clickBtn(e) {
+        console.log(e);
+        if(this.data.show){
+            this.setData({
+                show: !this.data.show,
+                caiMing: '',
+                caiCount: '',
+                expire: '',
+                imagePath: '',
+            })
+        }
+    },
+    clickBtnDelete() { 
         this.setData({
-          userInfo: res.userInfo,
-          hasUserInfo: true
+            show: !this.data.show,
+            caiMing: '',
+            caiCount: '',
+            expire: '',
+            imagePath: '',
+        })
+    },
+    // 事件处理函数
+    bindViewTap() {
+        wx.navigateTo({
+            url: '../logs/logs'
         })
-      }
-    })
-  },
-  getUserInfo(e) {
-    // 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息
-    console.log(e)
-    this.setData({
-      userInfo: e.detail.userInfo,
-      hasUserInfo: true
-    })
-  }
+    },
+    onLoad() {
+        if (wx.getUserProfile) {
+            this.setData({
+                canIUseGetUserProfile: true
+            })
+        }
+        wx.setNavigationBarTitle({ title: '外卖小程序' })
+    },
 })

pages/index/index.json

@@ -1,3 +1,20 @@
 {
-  "usingComponents": {}
+  "usingComponents": {
+    "van-icon": "@vant/weapp/icon/index",
+    "van-search": "@vant/weapp/search/index",
+    "van-button": "@vant/weapp/button/index",
+    "van-tab": "@vant/weapp/tab/index",
+    "van-tabs": "@vant/weapp/tabs/index",
+    "van-cell": "@vant/weapp/cell/index",
+    "van-cell-group": "@vant/weapp/cell-group/index",
+    "van-divider": "@vant/weapp/divider/index",
+    "van-switch": "@vant/weapp/switch/index",
+    "van-checkbox": "@vant/weapp/checkbox/index",
+    "van-checkbox-group": "@vant/weapp/checkbox-group/index",
+    "van-submit-bar": "@vant/weapp/submit-bar/index",
+    "van-calendar": "@vant/weapp/calendar/index",
+    "van-uploader": "@vant/weapp/uploader/index",
+    "van-popup": "@vant/weapp/popup/index",
+    "van-overlay": "@vant/weapp/overlay/index"
+  }
 }

pages/index/index.wxml

@@ -1,23 +1,127 @@
-<!--index.wxml-->
-<view class="container">
-  <view class="userinfo">
-    <block wx:if="{{canIUseOpenData}}">
-      <view class="userinfo-avatar" bindtap="bindViewTap">
-        <open-data type="userAvatarUrl"></open-data>
-      </view>
-      <open-data type="userNickName"></open-data>
-    </block>
-    <block wx:elif="{{!hasUserInfo}}">
-      <button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称 </button>
-      <button wx:elif="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button>
-      <view wx:else> 请使用1.4.4及以上版本基础库 </view>
-    </block>
-    <block wx:else>
-      <image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
-      <text class="userinfo-nickname">{{userInfo.nickName}}</text>
-    </block>
-  </view>
-  <view class="usermotto">
-    <text class="user-motto">{{motto}}</text>
-  </view>
+<view class="FixButton" bindtap="clickBtn">
+    <view class="search-box" style="margin-bottom:20rpx">
+        <view class="search-top">
+            <input class="search-ipt" focus="true" placeholder="搜索用户手机号" type="text" value="{{value}}" bindinput="mobileInput" maxlength="11" type="number" placeholder-style="color:#b0b0b0" />
+            <!--  输入的时候显示  -->
+            <van-icon name="cross" size="{{showInput}}" custom-style="margin-top: 20rpx" bind:click="clear" />
+            <button class="search-btn" bindtap="Search">搜索</button>
+        </view>
+        <view style="margin: 4%;">
+            <view class="" hover-class="none" hover-stop-propagation="false">
+                <swiper class="swiper" indicator-dots="true" autoplay="true" interval="3000" duration="700" circular="true" previous-margin="36rpx" next-margin="36rpx" indicator-color="#999999" indicator-active-color="#ff8700">
+                    <swiper-item class="swiper-image" wx:for="{{ swiperImgs }}" wx:key="*this">
+                        <image src="{{ item }}" mode="widthFix" bindtap="getLunBoList" mode="aspectFit"></image>
+                    </swiper-item>
+                </swiper>
+            </view>
+        </view>
+    </view>
+    <view>
+        <view class="front-content" style="padding: 4%;">
+            <view>
+                <image class="img-1" src="./images/2.png" mode="" />
+            </view>
+            <view>
+                <view style="font-weight: 800;margin-bottom:20rpx; color: #000000;font-size:30rpx">
+                    二食堂二楼麻辣烫麻辣香锅...
+                </view>
+                <view style="font-size:25rpx;display: flex;">
+                    <view style="color: #b4b4b4;">
+                        起送
+                    </view>
+                    <view style="color: #ff9d38;">
+                        ￥15
+                    </view>
+                    <view style="color: #b4b4b4;  margin-left: 20rpx;">
+                        货到付款
+                    </view>
+                    <view style="color: #b4b4b4;  margin-left: 20rpx;">
+                        月售
+                    </view>
+                    <view style="color: #ff9d38;">
+                        231
+                    </view>
+                    <view class="time">
+                        30分钟
+                    </view>
+                </view>
+                <view class="discount">
+                    <van-icon name="balance-o" />
+                    积分抵扣有优惠
+                </view>
+            </view>
+        </view>
+        <view style="margin-bottom:20rpx">
+        </view>
+        <view class="front-content" style="padding: 4%;">
+            <view>
+                <image class="img-1" src="./images/3.png" mode="" />
+            </view>
+            <view>
+                <view style="font-weight: 800;margin-bottom:20rpx; color: #000000;font-size:30rpx">
+                    二食堂二楼麻辣烫麻辣香锅...
+                </view>
+                <view style="font-size:25rpx;display: flex;">
+                    <view style="color: #b4b4b4;">
+                        起送
+                    </view>
+                    <view style="color: #ff9d38;">
+                        ￥15
+                    </view>
+                    <view style="color: #b4b4b4;  margin-left: 20rpx;">
+                        货到付款
+                    </view>
+                    <view style="color: #b4b4b4;  margin-left: 20rpx;">
+                        月售
+                    </view>
+                    <view style="color: #ff9d38;">
+                        231
+                    </view>
+                    <view class="time">
+                        30分钟
+                    </view>
+                </view>
+                <view class="discount">
+                    <van-icon name="balance-o" />
+                    积分抵扣有优惠
+                </view>
+            </view>
+        </view>
+    </view>
 </view>
+
+
+  
+<view>
+    <!-- 弹出框 -->
+    <!-- hidden="{{show}}" -->
+    <view class="all-bottom"   hidden="{{show}}" >
+      
+    </view>
+
+
+    <view class="pop-up" hidden="{{show}}"  >
+        <view class="top">
+            <view style="color: #ffffff;text-align: center;margin-bottom:40rpx;font-family: Arial, Helvetica, sans-serif;">
+                信息完善
+            </view>
+            <view style="color:#c11b14;">
+                为校园人员使用，新用户请完善个人信息
+            </view>
+        </view>
+        <van-divider />
+        <view class="under">
+            <view>
+                完善信息
+            </view>
+
+        </view>
+        <!-- <van-icon name="clear" /> -->
+        <van-icon name="close" bindtap="clickBtnDelete"/>
+
+    </view>
+</view>
+
+
+
+<!-- <van-button type="primary">按钮</van-button> -->

pages/index/index.wxss

@@ -1,19 +1,154 @@
-/**index.wxss**/
-.userinfo {
+page {
+  background: #f4f4f4;
+}
+
+.search-box {
+  padding-top: 10rpx;
+  padding-bottom: 10rpx;
+  width: 100%;
+  background-color: #ffffff;
+}
+
+.search-top {
+  width: 700rpx;
+  height: 80rpx;
+  border: 1px solid #e1e1e1;
+  border-radius: 50rpx;
+  margin: 3%;
+}
+
+.search-ipt {
+  width: 474rpx;
+  height: 80rpx;
+  border: none;
+  float: left;
+  font-size: 29rpx;
+  /* 去掉获取焦点的蓝边 */
+  outline: none;
+  /* text-indent: 20rpx; */
+  padding-left: 30rpx;
+}
+
+.search-btn {
+  border-radius: 50rpx;
+  width: 151rpx;
+  height: 80rpx;
   display: flex;
-  flex-direction: column;
+  justify-content: center;
   align-items: center;
-  color: #aaa;
+  float: right;
+  background: #ff8e0b;
+  color: #fff;
+  font-size: 29rpx;
+}
+
+.front-content {
+  display: flex;
+  /* justify-content: space-between; */
+  /* color: #696969; */
+  width: 100%;
+  background-color: #fff;
+}
+
+.content-tittle {
+  font-weight: 800;
+
+}
+
+.img-1 {
+  /* margin-left: 15rpx; */
+  width: 200rpx;
+  height: 160rpx;
+  margin-right: 20rpx;
+}
+
+.time {
+  width: 100rpx;
+  height: 40rpx;
+  background: #ff8700;
+  font-size: 25rpx;
+  margin-left: 20rpx;
+  color: #fff;
+  text-align: center;
+  line-height: 40rpx;
+  border-radius: 8rpx;
 }
 
-.userinfo-avatar {
-  overflow: hidden;
-  width: 128rpx;
-  height: 128rpx;
-  margin: 20rpx;
-  border-radius: 50%;
+.discount {
+  width: 100%;
+  background-color: #ffe7cc;
+  color: #ff992a;
+  text-align: center;
+  margin-top: 15rpx;
+  font-size: 27rpx;
+  border-radius: 8rpx;
 }
 
-.usermotto {
-  margin-top: 200px;
-}
+
+.ert {
+  position: relative;
+}
+
+.btn {
+  position: absolute;
+  right: 40rpx;
+  top: 32rpx;
+}
+
+
+
+.top {
+  height: 350rpx;
+  padding: 12%;
+  box-sizing: border-box;
+  padding-top: 100rpx;
+}
+.under{
+text-align: center;
+line-height: 70rpx;
+color: #fdeff0;
+}
+.FixButton{       
+    /* position: fixed; */
+}
+.wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+  }
+
+
+  .all-bottom{ 
+    background-color: black; 
+    opacity: 0.5;
+    width: 100%; 
+    height: 1110rpx;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 11;
+  }
+  
+  .block {
+    width: 120px;
+    height: 120px;
+    background-color: #fff;
+  }
+
+
+
+
+  .pop-up {
+    width: 520rpx;
+    height: 500rpx;
+    /* background-color: #f47861; */
+    position: absolute;
+    text-align: center;
+    opacity: 100;
+    left: 120rpx;
+    top: 350rpx;
+    z-index: 12;
+    background: linear-gradient(#ff7e4c, #f62446);
+   
+  }

pages/my/my.js

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

pages/my/my.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "van-button": "@vant/weapp/button/index"
+  }
+}

pages/my/my.wxml

@@ -0,0 +1,107 @@
+<!--pages/my/my.wxml-->
+<view>
+  <view class="container-top">
+    <view class="home-top">
+      <view class="user">
+        <view class="img">
+          <image class="pic" src="./images/矢量智能对象.png" mode="widthFix" />
+        </view>
+        <view class="inline">
+          <!-- name -->
+          <view class="name">
+            昵称昵称bing
+          </view>
+          <!-- phone -->
+          <view class="phone">
+            152****159
+          </view>
+          <!-- jifen -->
+          <view class="jifen">
+            <view>
+              <image class="icon" src="./images/jifen@2x.png" mode="" />
+            </view>
+            <!--  number-->
+            <view class="number">
+              501
+            </view>
+          </view>
+
+        </view>
+        <button class="student" size="mini">学生认证</button>
+
+      </view>
+      <view>
+
+      </view>
+    </view>
+    <view class="home-bottom">
+      <view>
+        <view class="fang-down">
+          <view>
+            <view class="card">
+              民生银行社保卡
+            </view>
+            <view>
+              我是一个三代社保卡使用者
+            </view>
+          </view>
+          <view style="font-size: 33rpx;">
+            6250 *** **** 0299
+          </view>
+        </view>
+
+      </view>
+    </view>
+  </view>
+
+  <view class="container-top">
+    <!-- 上面 -->
+    <view class="order">
+      <!-- 我的订单 -->
+      <view class="order-left">
+        我的订单
+      </view>
+      <!-- 箭头 -->
+      <view class="order-right" >
+        >
+      </view>
+    </view>
+
+    <!-- 内容 -->
+    <view class="content">
+      <!-- 1 -->
+      <view class="content-one">
+        <view class="">
+          <image class="pic-one" src="./images/icon-1@2x.png" mode="" />
+        </view>
+        <view style="margin-left: 10rpx;">
+          待支付
+        </view>
+      </view>
+      <!-- 2 -->
+      <view class="content-one" >
+        <view class="">
+          <image class="pic-two" src="./images/icon-2@2x.png" mode="" />
+        </view>
+        <view style="margin-left: 10rpx;">
+          待送达
+        </view>
+      </view>
+      <!-- 3 -->
+      <view >
+        <view>
+          <image class="pic-three" src="./images/icon-3@2x.png" mode="" />
+        </view>
+        <view style="margin-left: 10rpx;">
+          已完成
+        </view>
+      </view>
+    </view>
+  </view>
+
+  <view class="container-top">
+    <view class="bottom-last" style="height: 140rpx;">
+      
+    </view>
+  </view>
+</view>

pages/my/my.wxss

@@ -0,0 +1,152 @@
+/* pages/my/my.wxss */
+page {
+  background: #f4f4f4;
+}
+
+.container-top {
+  margin-top: 2%;
+  box-sizing: border-box;
+  padding: 3%;
+  /* background-color: brown; */
+  background: #ffffff;
+  margin-bottom: 20rpx;
+}
+
+.home-top {
+  /* width: 100%; */
+  background: #ffffff;
+  margin-bottom: 50rpx;
+}
+
+.user {
+  display: flex;
+}
+
+.pic {
+  margin-left: 15rpx;
+  width: 115rpx;
+  height: 115rpx;
+  margin-right: 15rpx;
+  border-radius: 7px;
+}
+
+.inline {
+  margin-right: 5rpx;
+}
+
+.name {
+  margin-bottom: 15rpx;
+  font-size: 30rpx;
+  color: #47524e;
+  font-weight: 600;
+}
+
+.phone {
+  font-size: 30rpx;
+  margin-bottom: 15rpx;
+  color: #47524e;
+  font-weight: 600;
+}
+
+.student {
+  background: #9fe3c6;
+  height: fit-content;
+  margin-left: 10rpx;
+  font-weight: 600;
+  /* color: #47524e; */
+}
+
+.icon {
+  /* margin-left: 15rpx; */
+  width: 40rpx;
+  height: 30rpx;
+  margin-right: 10rpx;
+  border-radius: 7px;
+}
+
+.jifen {
+  display: flex;
+}
+
+.number {
+  color: #ff8803;
+  font-weight: 600;
+  font-size: 30rpx;
+}
+
+/* down */
+.fang-down {
+  width: 100%;
+  height: 250rpx;
+  /* background-color: blue; */
+  border-radius: 0 0 100% 100%;
+  padding: 40rpx;
+  box-sizing: border-box;
+  background: linear-gradient(#ff7e4c, #f62446);
+  display: flex;
+  color: #feede9;
+  font-size: 28rpx;
+}
+
+.card {
+  margin-bottom: 10rpx;
+  font-size: 34rpx;
+  font-weight: bold;
+}
+
+.order {
+  margin-top: 10rpx;
+  margin-left: 20rpx;
+  display: flex;
+  justify-content: space-between;
+  /* color: #696969; */
+  height: 100rpx;
+  
+}
+
+.order-left {
+  /* color:#474747 ; */
+  font-size: 32rpx;
+  font-weight: 800;
+
+}
+
+.order-right {
+  color: #bfc2c5;
+  font-weight: 800;
+}
+
+.content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 50rpx;
+}
+
+.content-one {
+  margin-right: 100rpx;
+}
+
+.pic-one {
+  /* margin-left: 15rpx; */
+  width: 115rpx;
+  height: 115rpx;
+  /* margin-right: 15rpx; */
+  border-radius: 7px;
+}
+
+.pic-two {
+  /* margin-left: 15rpx; */
+  width: 115rpx;
+  height: 115rpx;
+  /* margin-right: 15rpx; */
+  border-radius: 7px;
+}
+
+.pic-three {
+  /* margin-left: 15rpx; */
+  width: 115rpx;
+  height: 115rpx;
+  /* margin-right: 15rpx; */
+  border-radius: 7px;
+}

pages/serch-outcome/serch-outcome.js

@@ -1,46 +1,63 @@
 Page({
   /**
-   * 页面的初始数据
+   * 页面的初始数据
    */
   data: {
     list: [],
     shoopingtext: "", //搜索框的值
+    history: false, //显示历史记录
+    noneview: false, //显示未找到提示
     show: false, //显示商品列表
     sea: true,
+    //title: false,
+    historyArray: [], //历史记录数组,
+    newArray: [], //添加历史记录数组
   },
   onInput: function (e) {
+    // this.setData({ shoopingtext: e.detail.value });
     var searchtext = this.data.shoopingtext; //搜索框的值
-    // var sss = true;
+    var sss = true;
     if (searchtext != "") {
-      //模糊查询 循环查询数组中的title字段
+      // //将搜索框的值赋给历史数组
+      this.data.historyArray.push(searchtext);
+      //模糊查询 循环查询数组中的title字段
       for (var index in this.data.list) {
         var num = this.data.list[index].title.indexOf(searchtext);
-        console.log(num)
         let temp = "list[" + index + "].status";
         if (num != -1) {
           //不匹配的不显示
           this.setData({
             [temp]: 1,
-            show: true
+            show: true,
+          });
+
+          sss = false; //隐藏未找到提示
+        } else {
+          this.setData({
+            show: false,
           });
-          // sss = false; //隐藏未找到提示
         }
       }
-     
+      this.setData({
+        history: false, //隐藏历史记录
+        noneview: sss, //隐藏未找到提示
+        shoppinglist: true, //显示商品列表
+        sea: false, //显示图片
+        newArray: this.data.historyArray, //给新历史记录数组赋值
+      });
     } else {
       this.setData({
+        noneview: true, //显示未找到提示
         show: false, //隐藏商品列表
+        sea: false,
+        history: false, //隐藏历史记录
       });
     }
     this.setData({
-      shoopingtext:''
-    })
-    console.log(this.data.shoopingtext);
-  },
-  onBtn(e) {
-    console.log(e);
+      shoopingtext: "",
+    });
+    // console.log(this.data.shoopingtext);
   },
-  //搜索框的值
   shoppinginput: function (e) {
     //当删除input的值为空时
     if (e.detail.value == "") {
@@ -48,8 +65,7 @@ Page({
         history: true, //显示历史记录
         shoppinglist: false, //隐藏商品列表
         sea: true,
-      });
-      //所有商品列表的状态改为0
+      }); //所有商品列表的状态改为0
       for (var index in this.data.list) {
         let temp = "list[" + index + "].status";
         this.setData({
@@ -59,58 +75,37 @@ Page({
     }
     this.setData({
       shoopingtext: e.detail.value,
+    });
+  },
+  delete: function () {
+    wx.showModal({
+      title: "删除",
+      content: "您确定要删除全部的搜索历史吗？",
+      complete: (res) => {
+        if (res.cancel) {
+          console.log('您已点击取消')
+        }
 
+        if (res.confirm) {
+          this.setData({
+            newArray: "",
+            historyArray:[]
+          });
+        }
+      },
     });
-    // console.log(e.detail.value)
   },
   /**
-   * 生命周期函数--监听页面加载
-   */
-  onLoad(options) {
+   * 生命周期函数--监听页面加载
+   */ onLoad(options) {
     wx.request({
       url:
         "https://www.fastmock.site/mock/883cd62177ae0a3a79638beccc3349da/api/order/list",
       success: (e) => {
-        // console.log(e.data.data.list);
         this.setData({
           list: e.data.data.list,
         });
       },
     });
   },
-
-  /**
-   * 生命周期函数--监听页面初次渲染完成
-   */
-  onReady() {},
-
-  /**
-   * 生命周期函数--监听页面显示
-   */
-  onShow() {},
-
-  /**
-   * 生命周期函数--监听页面隐藏
-   */
-  onHide() {},
-
-  /**
-   * 生命周期函数--监听页面卸载
-   */
-  onUnload() {},
-
-  /**
-   * 页面相关事件处理函数--监听用户下拉动作
-   */
-  onPullDownRefresh() {},
-
-  /**
-   * 页面上拉触底事件的处理函数
-   */
-  onReachBottom() {},
-
-  /**
-   * 用户点击右上角分享
-   */
-  onShareAppMessage() {},
 });

pages/serch-outcome/serch-outcome.json

@@ -1,4 +1,7 @@
 {
-  "usingComponents": {},
-  "navigationBarTitleText": "外卖小程序"
-}
+  "navigationBarTitleText": "外卖小程序",
+  "usingComponents": {
+    "van-field": "@vant/weapp/field/index",
+    "van-dialog": "@vant/weapp/dialog/index"
+  }
+}

pages/serch-outcome/serch-outcome.wxml

@@ -5,15 +5,34 @@
     <button bindtap="onInput">搜索</button>
   </view>
 </view>
+<view bindtap="delete">
+  <view style="color: #A9A9A9; display: flex; justify-content: space-between; margin-top: 24rpx;">
+    <view style="margin-left: 60rpx;">
+      <text>搜索历史</text>
+    </view>
+    <view style="margin-right: 40rpx; display: flex;">
+      <van-icon name="/../../images/shanchu.svg" />
+      <view style="margin-top: -2rpx;">
+        <text style="font-size: 10px;">清除记录</text>
+      </view>
+    </view>
+
+  </view>
+  <view class="history_text">
+    <text wx:for="{{newArray}}" wx:key="key" data-text="{{item}}" bindtap="textfz">{{item}}</text>
+  </view>
+</view>
 <view style="margin-top: 200rpx;" wx:if="{{!show}}">
   <van-empty class="custom-image" image="/../images/chaxun.svg" description="没有匹配到结果！" />
 </view>
 
 <view wx:else>
-  <view wx:for="{{list}}" wx:key="{{id}}">
+  <view wx:for="{{list}}" wx:key="id">
     <view class="card2">
-      <view>
+      <view style="position: relative;">
         <image style="width: 220rpx;height: 160rpx; margin:35rpx 0 0 0rpx;" src="../../images/tupian2.png" mode="" />
+        <view wx:if="{{item.id ==2}}" class="if">休息中
+        </view>
       </view>
       <view>
         <view style="margin:26rpx 0 0 0rpx; font-weight: 500; width: 460rpx;">
@@ -37,6 +56,5 @@
         </view>
       </view>
     </view>
-
   </view>
 </view>

pages/serch-outcome/serch-outcome.wxss

@@ -38,4 +38,29 @@
   position: absolute;
   right: 40rpx;
   top: 10rpx;
-}
+}
+.history_text {
+  padding: 4% 0;
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: 28rpx;
+}
+
+.history_text > text {
+  background-color: #f7f7f7;
+  color: #a9a9a9;
+  padding: 1% 3%;
+  margin: 2%;
+  border-radius: 40rpx;
+  font-size: 30rpx;
+}
+.if {
+  width: 220rpx;
+  height: 30rpx;
+  background-color: #a9a9a9;
+  position: absolute;
+  bottom: 6rpx;
+  color: #fff;
+  font-size: 22rpx;
+  background: rgba(0,0,0,0.5);
+}

pages/serch/serch.js

@@ -1,66 +1,101 @@
 // pages/serch/serch.js
 Page({
-
   /**
    * 页面的初始数据
    */
   data: {
-
+    money: 9.9,
+    Integral: 20,
+    allMoney: 0,
+    allIntegral: 0,
+    number: 0,
+    list: [],
   },
 
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad(options) {
-
+    wx.request({
+      url:
+        "https://www.fastmock.site/mock/883cd62177ae0a3a79638beccc3349da/api/order/list",
+      success: (e) => {
+        let { data } = e.data;
+        this.setData({
+          list: data.list,
+        });
+      },
+    });
+  },
+  onChange(e) {
+    this.setData({
+      number: e.detail,
+    });
+  },
+  prev(e) {
+    var id = e.currentTarget.dataset.id;
+    console.log(id);
+    this.setData({
+      allMoney: this.data.allMoney - this.data.money,
+      allIntegral: this.data.allIntegral - this.data.Integral,
+    });
+  },
+  plus() {
+    this.setData({
+      allMoney: this.data.allMoney + this.data.money,
+      allIntegral: this.data.allIntegral + this.data.Integral,
+    });
+  },
+  OnInput(e) {
+    var list = this.data.list;
+    var value = e.detail.value;
+    var id = e.currentTarget.dataset.id;
+    this.data.allMoney = 0;
+    this.data.allIntegral = 0;
+    for (var i = 0; i < list.length; i++) {
+      if (id == list[i].id) {
+        list[i].status = value
+      }
+      this.data.allMoney += (list[i].status * this.data.money);
+      this.data.allIntegral += (list[i].status * this.data.Integral);
+    }
+    this.setData({
+      allMoney: this.data.allMoney,
+      allIntegral: this.data.allIntegral,
+    });
   },
-
   /**
    * 生命周期函数--监听页面初次渲染完成
    */
-  onReady() {
-
-  },
+  onReady() {},
 
   /**
    * 生命周期函数--监听页面显示
    */
-  onShow() {
-
-  },
+  onShow() {},
 
   /**
    * 生命周期函数--监听页面隐藏
    */
-  onHide() {
-
-  },
+  onHide() {},
 
   /**
    * 生命周期函数--监听页面卸载
    */
-  onUnload() {
-
-  },
+  onUnload() {},
 
   /**
    * 页面相关事件处理函数--监听用户下拉动作
    */
-  onPullDownRefresh() {
-
-  },
+  onPullDownRefresh() {},
 
   /**
    * 页面上拉触底事件的处理函数
    */
-  onReachBottom() {
-
-  },
+  onReachBottom() {},
 
   /**
    * 用户点击右上角分享
    */
-  onShareAppMessage() {
-
-  }
-})
+  onShareAppMessage() {},
+});

pages/serch/serch.wxml

@@ -1,31 +1,9 @@
+<wxs module="filters" src="../../utils/filters.wxs"></wxs>
 <view class="ert" bindtap="search">
   <van-search value="{{ value }}" placeholder="请输入搜索关键词" shape="round" />
   <van-button color="#FF8C00" class="btn" round type="info" size="mini">搜索</van-button>
 </view>
-<view class="all1">
-  <template is="card" data=""/>
-  <template is="card" data=""/>
-</view>
-<view style="width: 100%;height: 86rpx;">
-  
-</view>
-<view class="foot">
-  <view style="display: flex;">
-    <image style="width: 35px;height: 35px; margin: 10rpx 0 0 30rpx;" src="../../images/gouwuchekong.svg" mode="" />
-    <view class="order-money">
-      ￥9.9+20积分
-      <view style="font-size: 10px; font-weight: 400; margin-top: 6rpx;">
-        共优惠￥10.0
-        <text style="color: #808080; margin-left: 20rpx;">贷款费￥0</text>
-      </view>
-    </view>
-    <button class="btn1">去结算</button>
-  </view>
-</view>
-
-
-
-<template name="card">
+<view class="all1" wx:for="{{list}}" wx:key="id">
   <view class="card1">
     <view>
       <image style="width: 170rpx;height: 170rpx; margin:25rpx 35rpx 0 60rpx ;" src="../../images/tupian2.png" mode="" />
@@ -46,11 +24,27 @@
         </view>
       </view>
       <view style="display: flex;">
-        <view class="order-money">
+        <view class="order-money1">
           ￥9.9+20积分
         </view>
-        <van-stepper class="minus-class" min="0" value="{{ 1 }}" round button-size="20px" input-width="36px" />
+        <van-stepper bind:blur="OnInput" bind:minus="prev" bind:plus="plus" bind:change="onChange" data-id="{{item.id}}" class="minus-class" min="0" value="{{ 0 }}" round button-size="20px" input-width="36px" />
+      </view>
+    </view>
+  </view>
+</view>
+<view style="width: 100%;height: 86rpx;">
+
+</view>
+<view class="foot">
+  <view style="display: flex;">
+    <image style="width: 35px;height: 35px; margin: 10rpx 0 0 30rpx;" src="../../images/gouwuchekong.svg" mode="" />
+    <view class="order-money">
+      ￥{{filters.toFix(allMoney)}}+{{allIntegral}}积分
+      <view style="font-size: 10px; font-weight: 400; margin-top: 6rpx;">
+        共优惠￥10.0
+        <text style="color: #808080; margin-left: 20rpx;">贷款费￥0</text>
       </view>
     </view>
+    <button class="btn1">去结算</button>
   </view>
-</template>
+</view>

pages/serch/serch.wxss

@@ -27,6 +27,12 @@
   font-weight: 800;
   margin: 16rpx 109rpx 0 16rpx;
 }
+.order-money1 {
+  font-size: 26rpx;
+  color: red;
+  font-weight: 800;
+  margin: 4rpx 109rpx 0 0rpx;
+}
 .van-stepper__minus{
   color: #fff!important;
   border-radius: 20px!important;  

project.config.json

@@ -1,9 +1,5 @@
 {
   "description": "项目配置文件",
-  "packOptions": {
-    "ignore": [],
-    "include": []
-  },
   "setting": {
     "bundle": false,
     "userConfirmedBundleSwitch": false,
@@ -24,8 +20,6 @@
     "nodeModules": false,
     "enhance": true,
     "useMultiFrameRuntime": true,
-    "useApiHook": true,
-    "useApiHostProcess": true,
     "showShadowRootInWxmlPanel": true,
     "packNpmManually": true,
     "enableEngineNative": false,
@@ -43,15 +37,20 @@
       "disablePlugins": [],
       "outputPath": ""
     },
-    "condition": false
+    "condition": false,
+    "ignoreUploadUnusedFiles": true
   },
   "compileType": "miniprogram",
-  "libVersion": "2.19.4",
-  "appid": "wx73ccfa4695855c95",
-  "projectname": "miniprogram-92",
   "condition": {},
   "editorSetting": {
     "tabIndent": "insertSpaces",
     "tabSize": 2
-  }
+  },
+  "appid": "wx73ccfa4695855c95",
+  "packOptions": {
+    "ignore": [],
+    "include": []
+  },
+  "projectname": "delivery-customer",
+  "libVersion": "2.32.1"
 }

project.private.config.json

@@ -4,5 +4,25 @@
   "setting": {
     "compileHotReLoad": true
   },
-  "libVersion": "2.32.1"
+  "libVersion": "2.32.0",
+  "condition": {
+    "miniprogram": {
+      "list": [
+        {
+          "name": "",
+          "pathName": "pages/index/index",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
+        {
+          "name": "",
+          "pathName": "pages/Businesses/Businesses",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        }
+      ]
+    }
+  }
 }

utils/filters.wxs

@@ -0,0 +1,14 @@
+var filters = {
+  toFix: function (num1) {
+    if (typeof num1 == "undefined") {
+      return num1;
+    } else {
+      return Number(num1.toFixed(2));
+    }
+  },
+};
+
+module.exports = {
+  toFix: filters.toFix,
+  toNumber: filters.toNumber,
+};