待付款完成

This commit is contained in:
pplokijuhyg 2019-12-14 15:07:50 +08:00
parent fdfdfbb950
commit a3537ff5e6
22 changed files with 274 additions and 0 deletions

View File

@ -45,3 +45,7 @@
- pages/addaddress/addaddress 选择地址 <br>
- addaddress/shuru 添加地址的输入的每一项
- pages/particulars/particulars 待付款 <br>
- particulars/orderchooseaddr 地址
- particulars/content 中间所有
- particulars/submit 支付

View File

@ -1,5 +1,6 @@
{
"pages": [
"pages/particulars/particulars",
"pages/addaddress/addaddress",
"pages/chooseaddr/chooseaddr",
"pages/order/order",

View File

@ -0,0 +1,8 @@
Component({
properties: {
},
data: {
},
methods: {
}
})

View File

@ -0,0 +1,6 @@
{
"component": true,
"usingComponents": {
"message":"../../order/message/index"
}
}

View 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;
}
}

View 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>

View 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}

View File

@ -0,0 +1,8 @@
Component({
properties: {
},
data: {
},
methods: {
}
})

View File

@ -0,0 +1,3 @@
{
"component": true
}

View 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;
}
}

View 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>

View 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}

View File

@ -0,0 +1,8 @@
Component({
properties: {
},
data: {
},
methods: {
}
})

View File

@ -0,0 +1,3 @@
{
"component": true
}

View 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;
}
}

View 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>

View 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}

View 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 () {
}
})

View File

@ -0,0 +1,8 @@
{
"usingComponents": {
"content":"../components/particulars/content/index",
"orderchooseaddr":"../components/particulars/orderchooseaddr/index",
"submit":"../components/particulars/submit/index"
}
}

View File

@ -0,0 +1,7 @@
.box {
}
page {
background-color: #fbfbfb;
}

View File

@ -0,0 +1,5 @@
<view class="box">
<orderchooseaddr></orderchooseaddr>
<content></content>
<submit></submit>
</view>

View File

@ -0,0 +1 @@
page{background-color:#fbfbfb}