合成以及下单

app.json

@@ -99,7 +99,9 @@
         "pages/made/comb/comb",
         "pages/canvas/canvas",
         "pages/car/car",
-        "pages/order/order"
+        "pages/order/order",
+        "pages/address/address",
+         "pages/user/user"
       ]
     }
   ],

customized/pages/address/address.js

@@ -0,0 +1,72 @@
+// customized/pages/address/address.js
+let app = getApp();
+let host = app.globalData.servsers; // 请求的url
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+    this.getaddress()
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  getaddress(){
+    wx.request({
+      url: host + '/adressview',
+      header: {
+        'content-type': 'application/x-www-form-urlencoded'
+      },
+      data: {
+        userId: 'oovpNwjlsY6xx8ceCebFa1dOLd9E'  //app.globalData.user_id,
+      },
+      success(res){
+        console.log(res,"address")
+      }
+    })
+  }
+})

customized/pages/address/address.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

customized/pages/address/address.wxml

@@ -0,0 +1 @@
+

customized/pages/address/address.wxss

@@ -0,0 +1 @@
+/* customized/pages/address/address.wxss */

customized/pages/car/car.js

@@ -96,7 +96,7 @@ Page({
         'content-type': 'application/x-www-form-urlencoded'
       },
       data:{
-        userId: 'oovpNwjlsY6xx8ceCebFa1dOLd9E'  //app.globalData.user_id,
+        userId: app.globalData.user_id //'oovpNwjlsY6xx8ceCebFa1dOLd9E'  //app.globalData.user_id,
       },
       success:function(res){
         console.log('购物车列表数据',res)

customized/pages/car/car.wxml

@@ -1,7 +1,7 @@
 <view>
   <!-- 购物车列表 -->
   <view class='car-box '>
-    <view  class='car-list  bg-white' wx:for="{{carList}}" wx:for-index="idx">
+    <view  class='car-list  bg-white'  wx:for="{{carList}}"  wx:for-index="idx">
       <view class='f-box car-auto'>
           <checkbox-group class="car-checkbox f-box f-align-items-center" bindchange="checkboxChange" data-index="{{idx}}">
             <label class="checkbox">
@@ -19,17 +19,18 @@
               </view>
             </view>
             <!-- 图片list -->
-            <view class='f-box car-img-list' wx:for='{{item.imgArray}}' wx:for-item="itemSrc">
-              <image src='{{host}}{{itemSrc}}' mode="aspectFit"></image>
+            <view class='f-box car-img-list' >
+              <image wx:for='{{item.imgArray}}' wx:for-item="itemSrc" src='{{host}}{{itemSrc}}' mode="aspectFit"></image>
             </view>
           </view>
         </view>
       </view>
     </view>
+    <view wx:if="{{carList.length === 0}}" class='f-box mar-t20 mar-b20 f-justify-content-center'>暂无数据</view>
 </view>
 
-<view class='footer bg-white'>
-  <view  class='car-footer'>
+<view class='footer'>
+  <view class='footer-box'>
     <view  class='f-box'>
         <checkbox-group class="f-s30 f-box f-align-items-center mar-l20" bindchange="checkboxChangeAll">
           <label class="checkbox" ><checkbox value="1" checked='{{checkAll}}'/>全选</label>
@@ -37,5 +38,6 @@
       <view class='f-item f-s30 mar-l20 f-box mar-r20 f-justify-content-end'>金额:￥{{amount}}</view>
       <view class='f-s32 f-item car-btn bg-orange c-white' bindtap='carSubmit'>提交订单</view>
     </view>
-  </view>
+</view>
+  
 </view>

customized/pages/car/car.wxss

@@ -34,7 +34,7 @@
   border-right:2rpx solid #e0e0e0;
 }
 
-.footer{
+/* .footer{
   position: fixed;
   color:#333;
   width:100%;
@@ -42,7 +42,7 @@
   line-height:100rpx;
   bottom:0;
   left:0;
-}
+} */
 .car-btn{
   text-align: center;
 }

customized/pages/index/index.wxml

@@ -12,9 +12,9 @@
     </view>
   </view>
   <view class='cust-footer f-box f-justify-content-end'>
-    <navigator class='icon-shouye iconfont c-green'></navigator>
-    <navigator class='icon-gouwuche iconfont c-green'></navigator>
-    <navigator class='icon-wode iconfont c-green'></navigator>
+    <navigator open-type="switchTab" url='/pages/index/index' class='icon-shouye iconfont c-green'></navigator>
+    <navigator url='/customized/pages/car/car' class='icon-gouwuche iconfont c-green'></navigator>
+    <navigator url='/customized/pages/user/user' class='icon-wode iconfont c-green'></navigator>
   </view>
 </view>
 

customized/pages/made/comb/comb.wxml

@@ -23,7 +23,10 @@
   </cover-view>
 </view>
 
-<view class='footer f-box f-justify-content-between' hover-class="none">
-  <view class='f-item footer-btn f-s32 bg-orange c-white' bindtap='addImgRouter' hover-class="none">加入购物车</view>
+<view class='footer' hover-class="none">
+<view class='footer-box f-box'>
+  <view class='f-item f-box f-justify-content-center footer-btn f-s32 bg-orange c-white' bindtap='addImgRouter' hover-class="none">加入购物车</view>
+</view>
+
   <!-- <view class='f-item footer-btn f-s32' style='background:#ff7103;color:#fff' bindtap='addFontRouter' hover-class="none">立即购买</view> -->
 </view>

customized/pages/made/comb/comb.wxss

@@ -40,17 +40,4 @@ page{
 }
 .img-box{
   height:auto;
-}
-.footer{
-  position:fixed;
-  bottom:0;
-  width:100%;
-  z-index:10;
-  line-height:100rpx;
-  background:#fff;
-  border-top:1rpx solid #dcdcdc;
-  text-align: center;
-  color:#666;
-  font-size:30rpx;
-  cursor: pointer;
 }

customized/pages/made/made.wxml

@@ -44,12 +44,13 @@
   </view>
 </view>
 
-<view class='footer f-box f-justify-content-between' hover-class="none">
-<!-- url="/customized/pages/made/madeImg/madeImg" -->
-<!-- url="/customized/pages/made/madeFont/madeFont" -->
-  <view class='f-item footer-btn' bindtap='addImgRouter' hover-class="none">添加图片</view>
-  <view class='f-item footer-btn' bindtap='addFontRouter' hover-class="none">添加文字</view>
-  <view class='f-item footer-btn' bindtap='finishDesign' hover-class="none">完成设计</view>
+<view class='footer' hover-class="none">
+  <view class='footer-box f-box f-justify-content-between f-align-items-center'>
+    <view class='f-item footer-btn' bindtap='addImgRouter' hover-class="none">添加图片</view>
+    <view class='f-item footer-btn' bindtap='addFontRouter' hover-class="none">添加文字</view>
+    <view class='f-item footer-btn' bindtap='finishDesign' hover-class="none">完成设计</view>
+  </view>
+
 </view>
 
 </view>

customized/pages/made/made.wxss

@@ -88,21 +88,10 @@ page{
   color:#00af66;
   border:1rpx solid #00af66
 }
-.footer{
-  position:fixed;
-  bottom:0;
-  width:100%;
-  z-index:10;
-  line-height:100rpx;
-  background:#fff;
-  border-top:1rpx solid #dcdcdc;
-  text-align: center;
-  color:#666;
-  font-size:30rpx;
-  cursor: pointer;
-}
 .footer-btn{
   border-left:1rpx solid #dcdcdc;
+  text-align: center;
+  border-top:2rpx solid #e0e0e0;
 }
 .footer-btn:first-child{
   border-left:0rpx solid #dcdcdc;

customized/pages/made/madeFont/madeFont.wxml

@@ -16,19 +16,22 @@
   </view>
 </view>
 <view class='public-prompt'>该预览为仿真效果图，具体请以实物为准</view>
-<view class='footer f-box'>
-  <navigator open-type="navigateBack" class="f-box f-align-items-center f-justify-content-center footer-icon">
+<view class='footer'>
+<view class='footer-box f-box'>
+ <navigator open-type="navigateBack" class="f-box f-align-items-center f-justify-content-center footer-icon">
     <block>
       <icon class='f-box' type="clear" />
     </block>
   </navigator>
-  <view class='f-item footer-add-btn' bindtap='addFont'>添加文字</view>
+  <view class='f-item footer-add-btn bg-green c-white' bindtap='addFont'>添加文字</view>
   <view class="f-box f-align-items-center footer-icon f-justify-content-center" bindtap='madeConfirm'>
     <block>
       <icon  class='f-box' type="success" />
     </block>
   </view>
 </view>
+ 
+</view>
 <!-- slider -->
 <view class='slider-box' wx:if="{{touch.fontSize}}">
 <!-- 大小 -->

customized/pages/made/madeFont/madeFont.wxss

@@ -22,25 +22,11 @@ page{
   margin:0 auto;
   /* background:red; */
 }
-.footer{
-  position:fixed;
-  bottom:0;
-  width:100%;
-  z-index:10;
-  line-height:92rpx;
-  background:#fff;
-  border-top:1rpx solid #dcdcdc;
-  text-align: center;
-  color:#666;
-  font-size:30rpx;
-  cursor: pointer;
-}
 .footer-icon{
   width:190rpx;
 }
 .footer-add-btn{
-  background:#00af66;
-  color:#fff;
+  text-align: center
 }
 .made-font{
   width:5555555555555rpx;

customized/pages/made/madeImg/madeImg.wxml

@@ -43,18 +43,20 @@
 </view>
 
   <view class='public-prompt'>该预览为仿真效果图，具体请以实物为准</view>
-  <view class='footer f-box' hover-class='none'>
+  <view class='footer' hover-class='none'>
+  <view class='footer-box  f-box'>
     <navigator open-type="navigateBack"  class="f-box f-align-items-center f-justify-content-center footer-icon">
       <block>
           <icon class='f-box' type="clear" />
         </block>
     </navigator>
-    <view class='f-item footer-upload-btn' bindtap='uploadImg' hover-class="none">上传图片</view>
-    <view class='f-item footer-add-btn' bindtap='addImg' hover-class="none">添加图片</view>
+    <view class='f-item footer-upload-btn bg-orange c-white' bindtap='uploadImg' hover-class="none">上传图片</view>
+    <view class='f-item footer-add-btn bg-green c-white' bindtap='addImg' hover-class="none">添加图片</view>
     <view class="f-box f-align-items-center footer-icon f-justify-content-center" hover-class="none" bindtap='madeConfirm'>
       <block>
         <icon class='f-box' type="success"/>
       </block>
     </view>
+    </view>
   </view>
 </view>

customized/pages/made/madeImg/madeImg.wxss

@@ -57,29 +57,11 @@ page{
   top:-50rpx;
   left:-50rpx;
 }
-.footer{
-  position:fixed;
-  bottom:0;
-  width:100%;
-  z-index:10;
-  line-height:92rpx;
-  background:#fff;
-  border-top:1rpx solid #dcdcdc;
-  text-align: center;
-  color:#666;
-  font-size:30rpx;
-  cursor: pointer;
-}
 .footer-icon{
   width:120rpx;
 }
-.footer-add-btn{
-  background:#00af66;
-  color:#fff;
-}
-.footer-upload-btn{
-  background:#f57b32;
-  color:#fff;
+.footer-add-btn,.footer-upload-btn{
+  text-align: center;
 }
 .scroll-view_H{
   white-space: nowrap;

customized/pages/order/order.js

@@ -1,5 +1,6 @@
 let app = getApp();
 let host = app.globalData.servsers; // 请求的url
+
 Page({
 
   /**
@@ -8,6 +9,7 @@ Page({
   data: {
     goodsList:[],
     host: app.globalData.servsers,
+    amount:''
   },
 
 
@@ -18,7 +20,8 @@ Page({
     let goodsList=[],that=this;
     goodsList = [...wx.getStorageSync('goodsList')];
     that.setData({
-      goodsList: goodsList
+      goodsList: goodsList,
+      amount: wx.getStorageSync('amount')
     })
 
   },
@@ -56,5 +59,41 @@ Page({
    */
   onShareAppMessage: function () {
 
+  },
+  submitOrder(){
+    let that = this, goodsList = that.data.goodsList;
+    //生成订单
+    goodsList.forEach(res=>{
+      res['userId'] = app.globalData.user_id, //'oovpNwjlsY6xx8ceCebFa1dOLd9E',
+      res['adress'] = '虹漕路88号',
+      res['area'] = '闵行区',
+      res['city'] = '上海市',
+      res['province'] = '上海市',
+      res['consignee'] = '阿哥子',
+      res['phone'] = '18888888888'
+    });
+    // let params = {
+    //   userId: 'oovpNwjlsY6xx8ceCebFa1dOLd9E',  //app.globalData.user_id,
+    //   adress: '',//		string	街道
+    //   area: '闵行区',//		string	区
+    //   city: '上海市',//		string	市
+    //   province: '上海市',//		string	省
+    //   consignee: '王勇',//	string	收件人
+    //   phone: '15055166539',//		string	收件人电话
+    //   shopCarList: [...that.data.goodsList]
+    // }
+    wx.request({
+      url: host + '/createNewOrderCustomer',
+      method:'post',
+      // header: {
+      //   'content-type': 'application/x-www-form-urlencoded'
+      // },
+      data: {
+        shopCarList:goodsList
+      },
+      success(res){
+        console.log(res)
+      }
+    })
   }
 })

customized/pages/order/order.wxml

@@ -1,8 +1,9 @@
 <!-- 地址 -->
 <view class='address-box bg-white'>
   <view class='mar-l20 mar-r20 f-box'>
+  <icon class='iconfont icon-dizhi mar-r20 f-box f-align-items-center c-orange'></icon>
     <view class='address-infor f-item'>
-      <view class='f-box f-s30'><text>阿哥子</text><text>15055166539</text></view>
+      <view class='f-box f-s30'><text>阿哥子</text><text>18888888888</text></view>
       <view class='mar-t20 f-s30'>
         上海市 闵行区 虹漕路88号
       </view>
@@ -21,8 +22,8 @@
         </view>
       </view>      
       <!-- 图片list -->
-      <view class='f-box goods-img-list' wx:for='{{item.imgArray}}' wx:for-item="itemSrc">
-        <image src='{{host}}{{itemSrc}}' mode="aspectFit"></image>
+      <view class='f-box goods-img-list' >
+        <image wx:for='{{item.imgArray}}' wx:for-item="itemSrc" src='{{host}}{{itemSrc}}' mode="aspectFit"></image>
       </view>
   </view>
 </view>
@@ -34,11 +35,21 @@
         <view class="f-item">运费</view>
         <view>包邮</view>
       </view>
-      <view class='other-list'>
+      <!-- <view class='other-list'>
         <view class='mar-b20'>备注</view>
         <input placeholder='备注内容~'></input>
-      </view>
+      </view> -->
       
   </view>
-    
 </view>
+<!-- footer -->
+<view class='footer'>
+  <view class='footer-box'>
+    <view class='f-box mar-l20 f-justify-content-center'>
+      <view class='f-item f-box f-align-items-end'>
+        <text>合计：￥{{amount}}</text>
+      </view>
+      <view class='footer-btn bg-orange c-white mar-l20' bindtap='submitOrder'>结算</view>
+    </view>
+  </view>
+</view>

customized/pages/order/order.wxss

@@ -27,4 +27,8 @@ margin-top:-9rpx;
 }
 .other-list{
   padding:20rpx 0;
+}
+.footer-btn{
+  width:260rpx;
+  text-align: center;
 }

customized/pages/user/user.js

@@ -0,0 +1,71 @@
+// customized/pages/user/user.js
+let app = getApp();
+let host = app.globalData.servsers; // 请求的url
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    userInfo:null
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+    this.setData({
+      userInfo:app.globalData.userInfo
+    })
+    console.log(this.data.userInfo,"app.globalData.userInfo")
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

customized/pages/user/user.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

customized/pages/user/user.wxml

@@ -0,0 +1,30 @@
+<!-- 头部个人中心 -->
+<view class='user-header bg-orange'>
+  <view class='h-content f-box f-justify-content-center'>
+    <view class='h-img'>
+      <image src='{{userInfo.avatarUrl}}' mode='aspectFit'></image>
+    </view>
+  </view>
+  <view class='nice f-box f-justify-content-center mar-t20 c-white f-s30'>{{userInfo.nickName}}</view>
+</view>
+
+<!-- 我的订单 -->
+<view class='user-order '>
+  <view class="mar-t20 mar-b20 f-s32 mar-l20">我的订单</view>
+  <view class='bg-white'>
+    <view class='f-box order-list f-justify-content-center mar-l20 mar-r20 f-s28'>
+      <view class='f-item'>
+        <icon class='iconfont icon-icon-test c-orange'></icon>
+        <view>待付款</view>
+      </view>
+      <view class='f-item'>
+        <icon class='iconfont icon-daifahuo1 c-orange'></icon>
+        <view>待发货</view>
+      </view>
+      <view class='f-item'>
+        <icon class='iconfont icon-daishouhuo c-orange'></icon>
+        <view>待收货</view>
+      </view>
+    </view>
+  </view>
+</view>

customized/pages/user/user.wxss

@@ -0,0 +1,30 @@
+.user-header{
+  width:100%;
+  height:360rpx;
+}
+.h-img{
+  width:160rpx;
+  height:160rpx;
+  border:4rpx solid #fff;
+  border-radius:50%;
+  overflow: hidden;
+  margin-top:50rpx;
+}
+.h-img image{
+  width:160rpx;
+  height:160rpx;
+}
+.order-list{
+  text-align: center;
+}
+.user-order .iconfont{
+  font-size:48rpx;
+}
+.order-list .f-item{
+  padding:16rpx 0;
+  font-size:26rpx;
+  color:#333;
+}
+.order-list .f-item view{
+  margin-top:10rpx;
+}

project.config.json

@@ -28,7 +28,7 @@
 			"list": []
 		},
 		"miniprogram": {
-			"current": 6,
+			"current": 8,
 			"list": [
 				{
 					"id": 0,
@@ -73,6 +73,20 @@
 					"pathName": "customized/pages/car/car",
 					"query": "",
 					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "地址",
+					"pathName": "customized/pages/address/address",
+					"query": "",
+					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "user",
+					"pathName": "customized/pages/user/user",
+					"query": "",
+					"scene": null
 				}
 			]
 		}

style/customized.wxss

@@ -134,4 +134,19 @@
   position:fixed;
   bottom: 92rpx;
   z-index:10;
+}
+
+/* footer */
+.footer{
+  padding-bottom:120rpx;
+}
+.footer-box{
+  position: fixed;
+  bottom:0;
+  left:0;
+  width:100%;
+  height:100rpx;
+  line-height:100rpx;
+  background:#fff;
+  font-size:30rpx;
 }

style/font/demo_index.html

@@ -31,6 +31,12 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon iconfont">&#xe600;</span>
+                <div class="name">待发货</div>
+                <div class="code-name">&amp;#xe600;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon iconfont">&#xe613;</span>
                 <div class="name">关闭</div>
                 <div class="code-name">&amp;#xe613;</div>
@@ -43,12 +49,24 @@
               </li>
           
             <li class="dib">
+              <span class="icon iconfont">&#xe622;</span>
+                <div class="name">待收货</div>
+                <div class="code-name">&amp;#xe622;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon iconfont">&#xe636;</span>
                 <div class="name">购物车</div>
                 <div class="code-name">&amp;#xe636;</div>
               </li>
           
             <li class="dib">
+              <span class="icon iconfont">&#xe610;</span>
+                <div class="name">待付款</div>
+                <div class="code-name">&amp;#xe610;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon iconfont">&#xe61a;</span>
                 <div class="name">我的</div>
                 <div class="code-name">&amp;#xe61a;</div>
@@ -61,6 +79,12 @@
               </li>
           
             <li class="dib">
+              <span class="icon iconfont">&#xe644;</span>
+                <div class="name">地址</div>
+                <div class="code-name">&amp;#xe644;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon iconfont">&#xe743;</span>
                 <div class="name">fangda</div>
                 <div class="code-name">&amp;#xe743;</div>
@@ -117,6 +141,15 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon iconfont icon-daifahuo1"></span>
+            <div class="name">
+              待发货
+            </div>
+            <div class="code-name">.icon-daifahuo1
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon iconfont icon-guanbi1"></span>
             <div class="name">
               关闭
@@ -135,6 +168,15 @@
           </li>
           
           <li class="dib">
+            <span class="icon iconfont icon-daishouhuo"></span>
+            <div class="name">
+              待收货
+            </div>
+            <div class="code-name">.icon-daishouhuo
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon iconfont icon-gouwuche"></span>
             <div class="name">
               购物车
@@ -144,6 +186,15 @@
           </li>
           
           <li class="dib">
+            <span class="icon iconfont icon-icon-test"></span>
+            <div class="name">
+              待付款
+            </div>
+            <div class="code-name">.icon-icon-test
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon iconfont icon-wode"></span>
             <div class="name">
               我的
@@ -162,6 +213,15 @@
           </li>
           
           <li class="dib">
+            <span class="icon iconfont icon-dizhi"></span>
+            <div class="name">
+              地址
+            </div>
+            <div class="code-name">.icon-dizhi
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon iconfont icon-fangda"></span>
             <div class="name">
               fangda
@@ -201,6 +261,14 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-daifahuo1"></use>
+                </svg>
+                <div class="name">待发货</div>
+                <div class="code-name">#icon-daifahuo1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-guanbi1"></use>
                 </svg>
                 <div class="name">关闭</div>
@@ -217,6 +285,14 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-daishouhuo"></use>
+                </svg>
+                <div class="name">待收货</div>
+                <div class="code-name">#icon-daishouhuo</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-gouwuche"></use>
                 </svg>
                 <div class="name">购物车</div>
@@ -225,6 +301,14 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon-test"></use>
+                </svg>
+                <div class="name">待付款</div>
+                <div class="code-name">#icon-icon-test</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-wode"></use>
                 </svg>
                 <div class="name">我的</div>
@@ -241,6 +325,14 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dizhi"></use>
+                </svg>
+                <div class="name">地址</div>
+                <div class="code-name">#icon-dizhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-fangda"></use>
                 </svg>
                 <div class="name">fangda</div>