添加地址

README.md

@@ -37,3 +37,6 @@
 - pages/chooseaddr/chooseaddr 选择地址 <br>
     - chooseaddr/address  地址列表（单个）
     - chooseaddr/addradd  添加按钮
+
+- pages/addaddress/addaddress 选择地址 <br>
+    - addaddress/shuru  添加地址的输入的每一项

app.json

@@ -1,5 +1,6 @@
 {
     "pages": [
+        "pages/addaddress/addaddress",
         "pages/chooseaddr/chooseaddr",
         "pages/orderconfirm/orderconfirm",
         "pages/message/message",
@@ -9,6 +10,7 @@
         "pages/shopping/shopping",
         "pages/search/search",
         "pages/index/index"
+
     ],
     "window": {
         "backgroundTextStyle": "light",

components/addaddress/shuru/shuru.js

@@ -0,0 +1,25 @@
+// components/addaddress/shuru/shuru.js
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+        left: String,
+        right: String,
+        ifarrow: Boolean
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+
+    }
+})

components/addaddress/shuru/shuru.json

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

components/addaddress/shuru/shuru.scss

@@ -0,0 +1,32 @@
+.shuru {
+    width: 670rpx;
+    height: 100rpx;
+    border-bottom: 2rpx solid #E8E8E8;
+    margin: 0 auto;
+    display: flex;
+    justify-content: space-between;
+    line-height: 100rpx;
+    font-size: 28rpx;
+    .left {
+        color: #333333;
+    }
+    .right {
+        margin: auto 0;
+        display: flex;
+        .shuru1 {
+            width: 280rpx;
+            text-align: right;
+        }
+        .shurupla {
+            color: #999999;
+            font-size: 28rpx;
+        }
+        .arrow {
+            width: 14rpx;
+            height: 25rpx;
+            background-color: #999999;
+            margin: auto 0;
+            margin-left: 27rpx;
+        }
+    }
+}

components/addaddress/shuru/shuru.wxml

@@ -0,0 +1,11 @@
+<view class="shuru">
+    <view class="left">{{left}}</view>
+    <view class="right"wx:if="{{ifarrow}}">
+        <text class="shurupla">{{right}}</text>
+        <view class="arrow"></view>
+    </view>
+    <view class="right" wx:else>
+        <input type="text" placeholder-class="shurupla" class="shuru1" placeholder="{{right}}" value=""/>
+    </view>
+    
+</view>

components/addaddress/shuru/shuru.wxss

@@ -0,0 +1,37 @@
+.shuru {
+  width: 670rpx;
+  height: 100rpx;
+  border-bottom: 2rpx solid #E8E8E8;
+  margin: 0 auto;
+  display: flex;
+  justify-content: space-between;
+  line-height: 100rpx;
+  font-size: 28rpx;
+}
+
+.shuru .left {
+  color: #333333;
+}
+
+.shuru .right {
+  margin: auto 0;
+  display: flex;
+}
+
+.shuru .right .shuru1 {
+  width: 280rpx;
+  text-align: right;
+}
+
+.shuru .right .shurupla {
+  color: #999999;
+  font-size: 28rpx;
+}
+
+.shuru .right .arrow {
+  width: 14rpx;
+  height: 25rpx;
+  background-color: #999999;
+  margin: auto 0;
+  margin-left: 27rpx;
+}

components/chooseaddr/addradd/addradd.js

@@ -1,23 +1,23 @@
 // components/chooseaddr/addradd/addradd.js
 Component({
-  /**
+    /**
-   * 组件的属性列表
+     * 组件的属性列表
-   */
+     */
-  properties: {
+    properties: {
+        text: String
+    },
 
-  },
+    /**
+     * 组件的初始数据
+     */
+    data: {
 
-  /**
+    },
-   * 组件的初始数据
-   */
-  data: {
 
-  },
+    /**
+     * 组件的方法列表
+     */
+    methods: {
 
-  /**
+    }
-   * 组件的方法列表
+})
-   */
-  methods: {
-
-  }
-})

components/chooseaddr/addradd/addradd.wxml

@@ -1 +1 @@
-<view class="btn">添加地址</view>
+<view class="btn" >{{text}}</view>

components/chooseaddr/addradd/addradd.wxss

@@ -1,8 +1,8 @@
 .btn {
     width: 650rpx;
     height: 98rpx;
-    background: rgba(69, 199, 120, 1);
+    background: #09BB07;
-    border-radius: 49rpx;
+    border-radius: 10rpx;
     margin: 0 auto;
     font-size: 36rpx;
     color: white;

pages/addaddress/addaddress.js

@@ -0,0 +1,66 @@
+// pages/addaddress/addaddress.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/addaddress/addaddress.json

@@ -0,0 +1,6 @@
+{
+    "usingComponents": {
+        "shuru": "/components/addaddress/shuru/shuru",
+        "addradd": "/components/chooseaddr/addradd/addradd"
+    }
+}

pages/addaddress/addaddress.scss

@@ -0,0 +1,8 @@
+.addaddress {
+    background-color: white;
+    .btn1 {
+        position: fixed;
+        bottom: 102rpx;
+        left: 50rpx;
+    }
+}

pages/addaddress/addaddress.wxml

@@ -0,0 +1,10 @@
+<view class="addaddress">
+    <shuru left="收件人" right="姓名需和身份证一致"></shuru>
+    <shuru left="手机号" right="请填入常用的手机号码"></shuru>
+    <shuru left="国家" right="CN中国大陆" ifarrow="{{true}}"></shuru>
+     <shuru left="城市信息" right="北京市 北京市 东城区" ifarrow="{{true}}"></shuru>
+   <shuru left="街道地址" right="街道地址"></shuru>
+    <shuru left="邮政编码" right="邮政编码"></shuru>
+    <shuru left="身份证号" right="可为空，部分商品需要"></shuru>
+<addradd text="保存地址" class="btn1"></addradd>
+</view>

pages/addaddress/addaddress.wxss

@@ -0,0 +1,9 @@
+.addaddress {
+  background-color: white;
+}
+
+.addaddress .btn1 {
+  position: fixed;
+  bottom: 102rpx;
+  left: 50rpx;
+}

pages/chooseaddr/chooseaddr.wxml

@@ -9,6 +9,6 @@
         <address></address>
     </view>
     <view class="btn1">
-        <addradd></addradd>
+        <addradd text="添加地址"></addradd>
     </view>
 </view>