杜叶春
2 years ago
28 changed files with 821 additions and 824 deletions
After Width: | Height: | Size: 73 KiB |
After Width: | Height: | Size: 2.2 KiB |
@ -1,5 +1,5 @@ |
|||
<!--pages/login/register.wxml--> |
|||
<view class="container"> |
|||
<image class="codeImage" src="/images/red_packet_share.png" mode="aspectFill"></image> |
|||
<image class="codeImage" src="/images/QR_code.png" mode="aspectFill"></image> |
|||
<view class="title">请添加上方二维码联系客服注册账号</view> |
|||
</view> |
|||
|
@ -1,3 +1,4 @@ |
|||
{ |
|||
"usingComponents": {}, |
|||
"navigationBarTitleText": "订单确认" |
|||
} |
@ -0,0 +1,100 @@ |
|||
// pages/order/payment.js
|
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
orderId: '', |
|||
price: '', |
|||
company: '常州互利智能科技有限公司', |
|||
account: '123 4567 1234 456 1234', |
|||
bank: '中国银行', |
|||
}, |
|||
copyAct() { |
|||
var that = this |
|||
wx.setClipboardData({ |
|||
data: that.data.orderId, |
|||
success: function (res) { |
|||
wx.showToast({ |
|||
title: '复制成功', |
|||
icon: 'none', |
|||
duration: 2000 |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
copyAccount() { |
|||
var that = this |
|||
var content = '收款方 '+that.data.company+'\n'+'收款账号 '+that.data.account+'\n'+'开户银行'+that.data.bank |
|||
wx.setClipboardData({ |
|||
data: content, |
|||
success: function (res) { |
|||
wx.showToast({ |
|||
title: '复制成功', |
|||
icon: 'none', |
|||
duration: 2000 |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad(options) { |
|||
var that = this |
|||
that.setData({ |
|||
orderId: options.orderId, |
|||
price: options.price, |
|||
}) |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() { |
|||
|
|||
} |
|||
}) |
@ -0,0 +1,4 @@ |
|||
{ |
|||
"usingComponents": {}, |
|||
"navigationBarTitleText": "订单支付" |
|||
} |
@ -0,0 +1,39 @@ |
|||
<!--pages/order/payment.wxml--> |
|||
<view class="container"> |
|||
<view class="codeView"> |
|||
<text class="name">订单编号:</text> |
|||
<text class="order">{{orderId}}</text> |
|||
<view class="copyBtn" bindtap="copyAct">| 复制</view> |
|||
</view> |
|||
<view class="header"> |
|||
<image src="/images/order_success.png"></image> |
|||
<text>订单提交成功\n请转账至以下银行账户</text> |
|||
<view class="accountCopy" bindtap="copyAccount">复制账户信息</view> |
|||
</view> |
|||
<!-- 支付信息 --> |
|||
<view class="info"> |
|||
<text>支付金额</text> |
|||
<view class="price">¥{{price}}</view> |
|||
</view> |
|||
<!-- 账户信息 --> |
|||
<view class="account"> |
|||
<view class="titleView"> |
|||
<text class="name">收款方</text> |
|||
<text class="detail">{{company}}</text> |
|||
</view> |
|||
<view class="titleView"> |
|||
<text class="name">收款账号</text> |
|||
<text class="detail">{{account}}</text> |
|||
</view> |
|||
<view class="titleView"> |
|||
<text class="name">开户银行</text> |
|||
<text class="detail">{{bank}}</text> |
|||
</view> |
|||
</view> |
|||
<!-- 二维码 --> |
|||
<view class="qrcode"> |
|||
<view class="title">如有其他问题,请联系客服</view> |
|||
<image src="/images/QR_code.png" mode="aspectFill"></image> |
|||
</view> |
|||
|
|||
</view> |
@ -0,0 +1,109 @@ |
|||
/* pages/order/payment.wxss */ |
|||
page { |
|||
height: 100%; |
|||
background-color: #F6F6FB; |
|||
} |
|||
.codeView{ |
|||
padding-top: 25rpx; |
|||
display: flex; |
|||
height: 60rpx; |
|||
background-color: white; |
|||
} |
|||
.codeView .order{ |
|||
font-size: 28rpx; |
|||
color: #333333; |
|||
} |
|||
.copyBtn{ |
|||
margin-left: 16rpx; |
|||
width: 80rpx; |
|||
height: 60rpx; |
|||
font-size: 28rpx; |
|||
color: #D4282D; |
|||
} |
|||
.header { |
|||
display: flex; |
|||
height: 150rpx; |
|||
background-color: white; |
|||
} |
|||
.header image{ |
|||
margin-top: 10rpx; |
|||
margin-left: 35rpx; |
|||
width: 48rpx; |
|||
height: 48rpx; |
|||
} |
|||
.header text{ |
|||
margin-top: 10rpx; |
|||
margin-left: 10rpx; |
|||
height: 48rpx; |
|||
font-weight: bold; |
|||
line-height: 48rpx; |
|||
font-size: 32rpx; |
|||
color: #333333; |
|||
} |
|||
.info{ |
|||
margin-top: 35rpx; |
|||
/* margin-bottom: 10rpx; */ |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
.info text{ |
|||
font-size: 28rpx; |
|||
color: #333333; |
|||
height: 50rpx; |
|||
line-height: 50rpx; |
|||
} |
|||
.info .price{ |
|||
font-weight: bold; |
|||
font-size: 64rpx; |
|||
color: #D4282D; |
|||
} |
|||
.accountCopy{ |
|||
position: absolute; |
|||
right: 32rpx; |
|||
font-size: 24rpx; |
|||
color: #D4282D; |
|||
padding: 0rpx 10rpx; |
|||
height: 50rpx; |
|||
line-height: 50rpx; |
|||
border-radius: 8rpx; |
|||
border: 1rpx solid #D4282D; |
|||
} |
|||
.account{ |
|||
margin-top: 30rpx; |
|||
margin-left: 32rpx; |
|||
margin-right: 32rpx; |
|||
background-color: white; |
|||
} |
|||
.titleView{ |
|||
height: 90rpx; |
|||
line-height: 90rpx; |
|||
border-bottom: solid 1px #F6F6F6; |
|||
} |
|||
.name{ |
|||
margin-left: 24rpx; |
|||
font-size: 28rpx; |
|||
color: #999999; |
|||
} |
|||
.detail{ |
|||
margin-left: 100rpx; |
|||
font-size: 28rpx; |
|||
color: #333333; |
|||
} |
|||
.qrcode{ |
|||
margin-top: 35rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
.qrcode text{ |
|||
font-size: 32rpx; |
|||
color: #333333; |
|||
} |
|||
.qrcode image{ |
|||
margin-top: 30rpx; |
|||
width: 320rpx; |
|||
height: 320rpx; |
|||
} |
Loading…
Reference in new issue