待付款完成

README.md

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

app.json

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

components/particulars/content/index.js

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

components/particulars/content/index.json

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

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

components/particulars/content/index.wxml

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

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}

components/particulars/orderchooseaddr/index.js

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

components/particulars/orderchooseaddr/index.json

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

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

components/particulars/orderchooseaddr/index.wxml

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

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}

components/particulars/submit/index.js

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

components/particulars/submit/index.json

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

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

components/particulars/submit/index.wxml

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

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}

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

pages/particulars/particulars.json

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

pages/particulars/particulars.scss

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

pages/particulars/particulars.wxml

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

pages/particulars/particulars.wxss

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