待付款完成
This commit is contained in:
parent
fdfdfbb950
commit
a3537ff5e6
@ -45,3 +45,7 @@
|
||||
|
||||
- pages/addaddress/addaddress 选择地址 <br>
|
||||
- addaddress/shuru 添加地址的输入的每一项
|
||||
- pages/particulars/particulars 待付款 <br>
|
||||
- particulars/orderchooseaddr 地址
|
||||
- particulars/content 中间所有
|
||||
- particulars/submit 支付
|
1
app.json
1
app.json
@ -1,5 +1,6 @@
|
||||
{
|
||||
"pages": [
|
||||
"pages/particulars/particulars",
|
||||
"pages/addaddress/addaddress",
|
||||
"pages/chooseaddr/chooseaddr",
|
||||
"pages/order/order",
|
||||
|
8
components/particulars/content/index.js
Normal file
8
components/particulars/content/index.js
Normal file
@ -0,0 +1,8 @@
|
||||
Component({
|
||||
properties: {
|
||||
},
|
||||
data: {
|
||||
},
|
||||
methods: {
|
||||
}
|
||||
})
|
6
components/particulars/content/index.json
Normal file
6
components/particulars/content/index.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"message":"../../order/message/index"
|
||||
}
|
||||
}
|
38
components/particulars/content/index.scss
Normal file
38
components/particulars/content/index.scss
Normal file
@ -0,0 +1,38 @@
|
||||
.content {
|
||||
background-color: #fff;
|
||||
width: 750rpx;
|
||||
// height: ;
|
||||
padding-bottom: 33rpx;
|
||||
|
||||
.aggregate {
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
padding: 30rpx;
|
||||
justify-content: flex-end;
|
||||
font-size: 22rpx;
|
||||
color: #999;
|
||||
height: 78rpx;
|
||||
border-bottom: 1rpx solid #f2f2f2;
|
||||
|
||||
> text {
|
||||
color: #333;
|
||||
margin: 0 5rpx;
|
||||
}
|
||||
}
|
||||
.message {
|
||||
display: flex;
|
||||
padding: 0 30rpx;
|
||||
justify-content: space-between;
|
||||
font-size: 26rpx;
|
||||
color: #333;
|
||||
align-items: center;
|
||||
height: 77rpx;
|
||||
border-bottom: 1rpx solid #f2f2f2;
|
||||
}
|
||||
.leave {
|
||||
display: flex;
|
||||
height: 77rpx;
|
||||
padding: 0 30rpx;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
24
components/particulars/content/index.wxml
Normal file
24
components/particulars/content/index.wxml
Normal file
@ -0,0 +1,24 @@
|
||||
<view class="content">
|
||||
<message></message>
|
||||
<view class="aggregate">
|
||||
共计1件商品 合计:
|
||||
<text>¥29.80</text>
|
||||
(含运费¥0.00)
|
||||
</view>
|
||||
<view class="message">
|
||||
<text>订单编号</text>
|
||||
<text>123456789123456789</text>
|
||||
</view>
|
||||
<view class="message">
|
||||
<text>下单时间</text>
|
||||
<text>2018-10-01 18:00:06</text>
|
||||
</view>
|
||||
<view class="message">
|
||||
<text>配送方式</text>
|
||||
<text>快递 免邮</text>
|
||||
</view>
|
||||
<view class="leave">
|
||||
<text>备注:</text>
|
||||
<input type="text" placeholder="填写你需要对我们说的" />
|
||||
</view>
|
||||
</view>
|
1
components/particulars/content/index.wxss
Normal file
1
components/particulars/content/index.wxss
Normal file
@ -0,0 +1 @@
|
||||
.content{background-color:#fff;width:750rpx;padding-bottom:33rpx}.content .aggregate{display:flex;box-sizing:border-box;padding:30rpx;justify-content:flex-end;font-size:22rpx;color:#999;height:78rpx;border-bottom:1rpx solid #f2f2f2}.content .aggregate>text{color:#333;margin:0 5rpx}.content .message{display:flex;padding:0 30rpx;justify-content:space-between;font-size:26rpx;color:#333;align-items:center;height:77rpx;border-bottom:1rpx solid #f2f2f2}.content .leave{display:flex;height:77rpx;padding:0 30rpx;align-items:center}
|
8
components/particulars/orderchooseaddr/index.js
Normal file
8
components/particulars/orderchooseaddr/index.js
Normal file
@ -0,0 +1,8 @@
|
||||
Component({
|
||||
properties: {
|
||||
},
|
||||
data: {
|
||||
},
|
||||
methods: {
|
||||
}
|
||||
})
|
3
components/particulars/orderchooseaddr/index.json
Normal file
3
components/particulars/orderchooseaddr/index.json
Normal file
@ -0,0 +1,3 @@
|
||||
{
|
||||
"component": true
|
||||
}
|
35
components/particulars/orderchooseaddr/index.scss
Normal file
35
components/particulars/orderchooseaddr/index.scss
Normal file
@ -0,0 +1,35 @@
|
||||
.orderchooseaddr {
|
||||
background-color: #fff;
|
||||
width: 750rpx;
|
||||
height: 148rpx;
|
||||
margin: 0 auto;
|
||||
border-bottom: 20rpx solid #fbfbfb;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.left {
|
||||
width: 572rpx;
|
||||
height: 80rpx;
|
||||
.userinfo {
|
||||
color: #333333;
|
||||
font-size: 26rpx;
|
||||
text-indent: 30rpx;
|
||||
margin-top: 41rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.addr {
|
||||
color: #999999;
|
||||
font-size: 24rpx;
|
||||
text-indent: 30rpx;
|
||||
margin-top: 32rpx;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
width: 17rpx;
|
||||
height: 30rpx;
|
||||
background-color: #d3d3d3;
|
||||
margin: auto 0;
|
||||
margin-right: 19rpx;
|
||||
}
|
||||
}
|
||||
|
10
components/particulars/orderchooseaddr/index.wxml
Normal file
10
components/particulars/orderchooseaddr/index.wxml
Normal file
@ -0,0 +1,10 @@
|
||||
<view class="orderchooseaddr">
|
||||
<view class="left">
|
||||
<view class="userinfo">
|
||||
<text class="username">于于宇 15698857895</text>
|
||||
<text></text>
|
||||
</view>
|
||||
<view class="addr">中国大陆 山东省 青岛市 即墨区 纯阳路 某某某小区</view>
|
||||
</view>
|
||||
<view class="right"></view>
|
||||
</view>
|
1
components/particulars/orderchooseaddr/index.wxss
Normal file
1
components/particulars/orderchooseaddr/index.wxss
Normal file
@ -0,0 +1 @@
|
||||
.orderchooseaddr{background-color:#fff;width:750rpx;height:148rpx;margin:0 auto;border-bottom:20rpx solid #fbfbfb;display:flex;justify-content:space-between}.orderchooseaddr .left{width:572rpx;height:80rpx}.orderchooseaddr .left .userinfo{color:#333333;font-size:26rpx;text-indent:30rpx;margin-top:41rpx;display:flex;justify-content:space-between}.orderchooseaddr .left .addr{color:#999999;font-size:24rpx;text-indent:30rpx;margin-top:32rpx}.orderchooseaddr .right{width:17rpx;height:30rpx;background-color:#d3d3d3;margin:auto 0;margin-right:19rpx}
|
8
components/particulars/submit/index.js
Normal file
8
components/particulars/submit/index.js
Normal file
@ -0,0 +1,8 @@
|
||||
Component({
|
||||
properties: {
|
||||
},
|
||||
data: {
|
||||
},
|
||||
methods: {
|
||||
}
|
||||
})
|
3
components/particulars/submit/index.json
Normal file
3
components/particulars/submit/index.json
Normal file
@ -0,0 +1,3 @@
|
||||
{
|
||||
"component": true
|
||||
}
|
29
components/particulars/submit/index.scss
Normal file
29
components/particulars/submit/index.scss
Normal file
@ -0,0 +1,29 @@
|
||||
.payment {
|
||||
width: 750rpx;
|
||||
height: 98rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background-color: #fff;
|
||||
align-items: center;
|
||||
.price {
|
||||
font-size: 34rpx;
|
||||
margin-left: 74rpx;
|
||||
.title {
|
||||
color: #333;
|
||||
}
|
||||
.counts{
|
||||
color: #ff3838;
|
||||
}
|
||||
}
|
||||
.submit {
|
||||
width: 250rpx;
|
||||
height: 98rpx;
|
||||
background-color: #47c877;
|
||||
font-size: 30rpx;
|
||||
color: #fff;
|
||||
line-height: 98rpx;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
7
components/particulars/submit/index.wxml
Normal file
7
components/particulars/submit/index.wxml
Normal file
@ -0,0 +1,7 @@
|
||||
<view class="payment">
|
||||
<view class="price">
|
||||
<text class="title">总付款:</text>
|
||||
<text class="counts">¥29</text>
|
||||
</view>
|
||||
<view class="submit">立即支付</view>
|
||||
</view>
|
1
components/particulars/submit/index.wxss
Normal file
1
components/particulars/submit/index.wxss
Normal file
@ -0,0 +1 @@
|
||||
.payment{width:750rpx;height:98rpx;position:fixed;bottom:0;display:flex;justify-content:space-between;background-color:#fff;align-items:center}.payment .price{font-size:34rpx;margin-left:74rpx}.payment .price .title{color:#333}.payment .price .counts{color:#ff3838}.payment .submit{width:250rpx;height:98rpx;background-color:#47c877;font-size:30rpx;color:#fff;line-height:98rpx;text-align:center}
|
66
pages/particulars/particulars.js
Normal file
66
pages/particulars/particulars.js
Normal file
@ -0,0 +1,66 @@
|
||||
// pages/particulars/particulars.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
}
|
||||
})
|
8
pages/particulars/particulars.json
Normal file
8
pages/particulars/particulars.json
Normal file
@ -0,0 +1,8 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"content":"../components/particulars/content/index",
|
||||
"orderchooseaddr":"../components/particulars/orderchooseaddr/index",
|
||||
"submit":"../components/particulars/submit/index"
|
||||
|
||||
}
|
||||
}
|
7
pages/particulars/particulars.scss
Normal file
7
pages/particulars/particulars.scss
Normal file
@ -0,0 +1,7 @@
|
||||
.box {
|
||||
|
||||
|
||||
}
|
||||
page {
|
||||
background-color: #fbfbfb;
|
||||
}
|
5
pages/particulars/particulars.wxml
Normal file
5
pages/particulars/particulars.wxml
Normal file
@ -0,0 +1,5 @@
|
||||
<view class="box">
|
||||
<orderchooseaddr></orderchooseaddr>
|
||||
<content></content>
|
||||
<submit></submit>
|
||||
</view>
|
1
pages/particulars/particulars.wxss
Normal file
1
pages/particulars/particulars.wxss
Normal file
@ -0,0 +1 @@
|
||||
page{background-color:#fbfbfb}
|
Loading…
Reference in New Issue
Block a user