From 7f1a3d870b12276b21e25593314de7e1dea18c82 Mon Sep 17 00:00:00 2001 From: wbb <1975655432@qq.com> Date: Thu, 17 Nov 2022 17:27:42 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BB=98=E6=AC=BE=E7=95=8C=E9=9D=A2=EF=BC=8C?= =?UTF-8?q?=E8=AE=A2=E5=8D=95=E7=95=8C=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- scr/food/app.json | 7 +- scr/food/pages/cart/cart.js | 2 +- scr/food/pages/myorder/myorder.js | 66 ++++++++++++ scr/food/pages/myorder/myorder.json | 3 + scr/food/pages/myorder/myorder.wxml | 2 + scr/food/pages/myorder/myorder.wxss | 1 + scr/food/pages/orderdetail/orderdetail.js | 66 ++++++++++++ scr/food/pages/orderdetail/orderdetail.json | 3 + scr/food/pages/orderdetail/orderdetail.wxml | 2 + scr/food/pages/orderdetail/orderdetail.wxss | 1 + scr/food/pages/paying/paying.js | 106 ++++++++++++++++++++ scr/food/pages/paying/paying.json | 3 + scr/food/pages/paying/paying.wxml | 21 ++++ scr/food/pages/paying/paying.wxss | 56 +++++++++++ 14 files changed, 335 insertions(+), 4 deletions(-) create mode 100644 scr/food/pages/myorder/myorder.js create mode 100644 scr/food/pages/myorder/myorder.json create mode 100644 scr/food/pages/myorder/myorder.wxml create mode 100644 scr/food/pages/myorder/myorder.wxss create mode 100644 scr/food/pages/orderdetail/orderdetail.js create mode 100644 scr/food/pages/orderdetail/orderdetail.json create mode 100644 scr/food/pages/orderdetail/orderdetail.wxml create mode 100644 scr/food/pages/orderdetail/orderdetail.wxss create mode 100644 scr/food/pages/paying/paying.js create mode 100644 scr/food/pages/paying/paying.json create mode 100644 scr/food/pages/paying/paying.wxml create mode 100644 scr/food/pages/paying/paying.wxss diff --git a/scr/food/app.json b/scr/food/app.json index e57000d..19062fe 100644 --- a/scr/food/app.json +++ b/scr/food/app.json @@ -10,12 +10,13 @@ "pages/searchShow/searchShow", "pages/change/change", "pages/answer/answer", - - "pages/pay/pay", + "pages/paying/paying", "pages/orderdoing/orderdoing", "pages/address/address", "pages/turning/turning", - "pages/addAddress/addAddress" + "pages/addAddress/addAddress", + "pages/myorder/myorder", + "pages/orderdetail/orderdetail" ], "tabBar": { "custom": false, diff --git a/scr/food/pages/cart/cart.js b/scr/food/pages/cart/cart.js index 639c203..60249bd 100644 --- a/scr/food/pages/cart/cart.js +++ b/scr/food/pages/cart/cart.js @@ -86,7 +86,7 @@ setChecked: function() { }}}, topay: function(){ wx.navigateTo({ - url:'/pages/pay/pay', + url:'/pages/paying/paying', }) }, diff --git a/scr/food/pages/myorder/myorder.js b/scr/food/pages/myorder/myorder.js new file mode 100644 index 0000000..23cee0f --- /dev/null +++ b/scr/food/pages/myorder/myorder.js @@ -0,0 +1,66 @@ +// pages/myorder/myorder.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow() { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { + + } +}) \ No newline at end of file diff --git a/scr/food/pages/myorder/myorder.json b/scr/food/pages/myorder/myorder.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/scr/food/pages/myorder/myorder.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/scr/food/pages/myorder/myorder.wxml b/scr/food/pages/myorder/myorder.wxml new file mode 100644 index 0000000..d195524 --- /dev/null +++ b/scr/food/pages/myorder/myorder.wxml @@ -0,0 +1,2 @@ + +pages/myorder/myorder.wxml diff --git a/scr/food/pages/myorder/myorder.wxss b/scr/food/pages/myorder/myorder.wxss new file mode 100644 index 0000000..3ddf031 --- /dev/null +++ b/scr/food/pages/myorder/myorder.wxss @@ -0,0 +1 @@ +/* pages/myorder/myorder.wxss */ \ No newline at end of file diff --git a/scr/food/pages/orderdetail/orderdetail.js b/scr/food/pages/orderdetail/orderdetail.js new file mode 100644 index 0000000..7c7ec77 --- /dev/null +++ b/scr/food/pages/orderdetail/orderdetail.js @@ -0,0 +1,66 @@ +// pages/orderdetail/orderdetail.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow() { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { + + } +}) \ No newline at end of file diff --git a/scr/food/pages/orderdetail/orderdetail.json b/scr/food/pages/orderdetail/orderdetail.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/scr/food/pages/orderdetail/orderdetail.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/scr/food/pages/orderdetail/orderdetail.wxml b/scr/food/pages/orderdetail/orderdetail.wxml new file mode 100644 index 0000000..a846378 --- /dev/null +++ b/scr/food/pages/orderdetail/orderdetail.wxml @@ -0,0 +1,2 @@ + +pages/orderdetail/orderdetail.wxml diff --git a/scr/food/pages/orderdetail/orderdetail.wxss b/scr/food/pages/orderdetail/orderdetail.wxss new file mode 100644 index 0000000..84af289 --- /dev/null +++ b/scr/food/pages/orderdetail/orderdetail.wxss @@ -0,0 +1 @@ +/* pages/orderdetail/orderdetail.wxss */ \ No newline at end of file diff --git a/scr/food/pages/paying/paying.js b/scr/food/pages/paying/paying.js new file mode 100644 index 0000000..0fffb25 --- /dev/null +++ b/scr/food/pages/paying/paying.js @@ -0,0 +1,106 @@ +// pages/paying/paying.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + showPayPwdInput: false, //是否展示密码输入层 + pwdVal: '', //输入的密码 + payFocus: true, //文本框焦点 + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + this.showInputLayer(); + }, + /** + * 显示支付密码输入层 + */ + showInputLayer(){ + this.setData({ showPayPwdInput: true, payFocus: true }); + }, + /** + * 隐藏支付密码输入层 + */ + hidePayLayer(){ + /**获取输入的密码**/ + var val = this.data.pwdVal; + /**在这调用支付接口**/ + this.setData({ showPayPwdInput: false, payFocus: false, pwdVal: '' }, function(){ + /**弹框**/ + wx.showToast({ + title: val, + }) + }); + + }, + /** + * 获取焦点 + */ + getFocus(){ + this.setData({ payFocus: true }); + }, + /** + * 输入密码监听 + */ + inputPwd(e){ + this.setData({ pwdVal: e.detail.value }); + + if (e.detail.value.length >= 6){ + this.hidePayLayer(); + } + }, + + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow() { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { + + } +}) \ No newline at end of file diff --git a/scr/food/pages/paying/paying.json b/scr/food/pages/paying/paying.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/scr/food/pages/paying/paying.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/scr/food/pages/paying/paying.wxml b/scr/food/pages/paying/paying.wxml new file mode 100644 index 0000000..21bf89c --- /dev/null +++ b/scr/food/pages/paying/paying.wxml @@ -0,0 +1,21 @@ + +pages/paying/paying.wxml +立即支付 + + + + + + + 输入支付密码 + + 使用会员卡余额支付需要验证身份，验证通过后才可进行支付。 + + + + + + 忘记密码 + + + \ No newline at end of file diff --git a/scr/food/pages/paying/paying.wxss b/scr/food/pages/paying/paying.wxss new file mode 100644 index 0000000..0045f05 --- /dev/null +++ b/scr/food/pages/paying/paying.wxss @@ -0,0 +1,56 @@ +/* pages/paying/paying.wxss */ +/* pages/category/index.wxss */.btn_pay{ + margin: 100rpx auto; width: 600rpx; height: 100rpx; line-height: 100rpx; border-radius: 100rpx; + background-color: #d3a95a; color: #fff; font-size: 36rpx; text-align: center; +} +/* 支付密码css start */ +.bg_layer{ + position: fixed; left: 0; top: 0; bottom: 0; right: 0; + background-color: rgba(0, 0, 0, 0.6); z-index: 9998; +} +.input_main{ + position: fixed; left: 0; bottom: 500rpx; width: 100%; height: 394rpx; + background-color: #fff; z-index: 9999; +} +.input_title{ + width: 100%; height: 90rpx; line-height: 90rpx; text-align: center; + font-size: 32rpx; border-bottom: 1rpx solid #e2e2e2; +} +.input_back{ + position: absolute; left: 0; top: 0; + width: 80rpx; height: 90rpx; display: flex; justify-content: center; align-items: center; +} +.input_back text{ + width: 20rpx; + height: 20rpx; + background-color: white; + border: 1rpx solid #aaa; + border-width: 5rpx 0 0 5rpx; + transform: rotate(-45deg); +} + +.input_tip{ margin: 30rpx; font-size: 24rpx; color: #888; } + +/* 密码掩码模拟 */ +.input_row{ + width: 690rpx; margin: 0 auto; height: 98rpx; position: relative; + display: flex; align-items: center; border: 1rpx solid #e2e2e2; border-radius: 20rpx; +} +.input_row .pwd_item{ + flex: 1; display: flex; align-items: center; justify-content: center; + height: 100%; border-right: 1rpx solid #e2e2e2; position: relative; +} +.pwd_item:nth-last-of-type(1) { border-right: 0; } +.pwd_item text { + width: 30rpx; height: 30rpx; border-radius: 30rpx; background-color: #555; +} + + +.forget_pwd{ + float: right; margin: 30rpx; width: 100rpx; text-align: right; font-size: 24rpx; color: #ff7800; +} + +/* 文本输入框位置: 设置到左边隐藏 */ +.input_control { + position: relative; left: -300rpx; bottom: 0; width: 100rpx; height: 100rpx; +} \ No newline at end of file