diff --git a/README.md b/README.md index 82cd376..239c032 100644 --- a/README.md +++ b/README.md @@ -45,3 +45,7 @@ - pages/addaddress/addaddress 选择地址
- addaddress/shuru 添加地址的输入的每一项 +- pages/particulars/particulars 待付款
+ - particulars/orderchooseaddr 地址 + - particulars/content 中间所有 + - particulars/submit 支付 \ No newline at end of file diff --git a/app.json b/app.json index b680326..acd6f18 100644 --- a/app.json +++ b/app.json @@ -1,5 +1,6 @@ { "pages": [ + "pages/particulars/particulars", "pages/addaddress/addaddress", "pages/chooseaddr/chooseaddr", "pages/order/order", diff --git a/components/particulars/content/index.js b/components/particulars/content/index.js new file mode 100644 index 0000000..9f59aa7 --- /dev/null +++ b/components/particulars/content/index.js @@ -0,0 +1,8 @@ +Component({ + properties: { + }, + data: { + }, + methods: { + } +}) \ No newline at end of file diff --git a/components/particulars/content/index.json b/components/particulars/content/index.json new file mode 100644 index 0000000..5be3fa1 --- /dev/null +++ b/components/particulars/content/index.json @@ -0,0 +1,6 @@ +{ + "component": true, + "usingComponents": { + "message":"../../order/message/index" + } +} \ No newline at end of file diff --git a/components/particulars/content/index.scss b/components/particulars/content/index.scss new file mode 100644 index 0000000..37e2d83 --- /dev/null +++ b/components/particulars/content/index.scss @@ -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; + } +} \ No newline at end of file diff --git a/components/particulars/content/index.wxml b/components/particulars/content/index.wxml new file mode 100644 index 0000000..308ea30 --- /dev/null +++ b/components/particulars/content/index.wxml @@ -0,0 +1,24 @@ + + + + 共计1件商品 合计: + ¥29.80 + (含运费¥0.00) + + + 订单编号 + 123456789123456789 + + + 下单时间 + 2018-10-01 18:00:06 + + + 配送方式 + 快递 免邮 + + + 备注: + + + \ No newline at end of file diff --git a/components/particulars/content/index.wxss b/components/particulars/content/index.wxss new file mode 100644 index 0000000..63331d4 --- /dev/null +++ b/components/particulars/content/index.wxss @@ -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} diff --git a/components/particulars/orderchooseaddr/index.js b/components/particulars/orderchooseaddr/index.js new file mode 100644 index 0000000..9f59aa7 --- /dev/null +++ b/components/particulars/orderchooseaddr/index.js @@ -0,0 +1,8 @@ +Component({ + properties: { + }, + data: { + }, + methods: { + } +}) \ No newline at end of file diff --git a/components/particulars/orderchooseaddr/index.json b/components/particulars/orderchooseaddr/index.json new file mode 100644 index 0000000..32640e0 --- /dev/null +++ b/components/particulars/orderchooseaddr/index.json @@ -0,0 +1,3 @@ +{ + "component": true +} \ No newline at end of file diff --git a/components/particulars/orderchooseaddr/index.scss b/components/particulars/orderchooseaddr/index.scss new file mode 100644 index 0000000..55f825c --- /dev/null +++ b/components/particulars/orderchooseaddr/index.scss @@ -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; + } +} + diff --git a/components/particulars/orderchooseaddr/index.wxml b/components/particulars/orderchooseaddr/index.wxml new file mode 100644 index 0000000..02ae52f --- /dev/null +++ b/components/particulars/orderchooseaddr/index.wxml @@ -0,0 +1,10 @@ + + + + 于于宇 15698857895 + + + 中国大陆 山东省 青岛市 即墨区 纯阳路 某某某小区 + + + \ No newline at end of file diff --git a/components/particulars/orderchooseaddr/index.wxss b/components/particulars/orderchooseaddr/index.wxss new file mode 100644 index 0000000..6c5abcf --- /dev/null +++ b/components/particulars/orderchooseaddr/index.wxss @@ -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} diff --git a/components/particulars/submit/index.js b/components/particulars/submit/index.js new file mode 100644 index 0000000..9f59aa7 --- /dev/null +++ b/components/particulars/submit/index.js @@ -0,0 +1,8 @@ +Component({ + properties: { + }, + data: { + }, + methods: { + } +}) \ No newline at end of file diff --git a/components/particulars/submit/index.json b/components/particulars/submit/index.json new file mode 100644 index 0000000..32640e0 --- /dev/null +++ b/components/particulars/submit/index.json @@ -0,0 +1,3 @@ +{ + "component": true +} \ No newline at end of file diff --git a/components/particulars/submit/index.scss b/components/particulars/submit/index.scss new file mode 100644 index 0000000..c109a19 --- /dev/null +++ b/components/particulars/submit/index.scss @@ -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; + } +} \ No newline at end of file diff --git a/components/particulars/submit/index.wxml b/components/particulars/submit/index.wxml new file mode 100644 index 0000000..61671c9 --- /dev/null +++ b/components/particulars/submit/index.wxml @@ -0,0 +1,7 @@ + + + 总付款: + ¥29 + + 立即支付 + \ No newline at end of file diff --git a/components/particulars/submit/index.wxss b/components/particulars/submit/index.wxss new file mode 100644 index 0000000..7cf2990 --- /dev/null +++ b/components/particulars/submit/index.wxss @@ -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} diff --git a/pages/particulars/particulars.js b/pages/particulars/particulars.js new file mode 100644 index 0000000..7fa2afd --- /dev/null +++ b/pages/particulars/particulars.js @@ -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 () { + + } +}) \ No newline at end of file diff --git a/pages/particulars/particulars.json b/pages/particulars/particulars.json new file mode 100644 index 0000000..5c781d1 --- /dev/null +++ b/pages/particulars/particulars.json @@ -0,0 +1,8 @@ +{ + "usingComponents": { + "content":"../components/particulars/content/index", + "orderchooseaddr":"../components/particulars/orderchooseaddr/index", + "submit":"../components/particulars/submit/index" + + } +} \ No newline at end of file diff --git a/pages/particulars/particulars.scss b/pages/particulars/particulars.scss new file mode 100644 index 0000000..2a0dd97 --- /dev/null +++ b/pages/particulars/particulars.scss @@ -0,0 +1,7 @@ +.box { + + +} +page { + background-color: #fbfbfb; +} diff --git a/pages/particulars/particulars.wxml b/pages/particulars/particulars.wxml new file mode 100644 index 0000000..3e18fc5 --- /dev/null +++ b/pages/particulars/particulars.wxml @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/pages/particulars/particulars.wxss b/pages/particulars/particulars.wxss new file mode 100644 index 0000000..bfddcd9 --- /dev/null +++ b/pages/particulars/particulars.wxss @@ -0,0 +1 @@ +page{background-color:#fbfbfb}