<!--user.wxml-->

<view class="container">
  <view class="user_base_info">
    <view class="user_avatar">
        <image src="{{userData.avatar}}"></image>
    </view>
    <view class="user_info">
      <text>
        昵称：{{userData.nickname}}
        姓名：{{userData.name}}
        电话：{{userData.phone}}
      </text>
    </view>
  </view>

 <view class="user_addr_manage">
    <view class="user_addr_title">【地址管理】</view>
    <block wx:for="{{addrDate}}" wx:key="item.id">
      <view class="user_addr_item">
          <text class="addr_sub">{{item}}</text>
          <view class="addr_edit" bindtap="editAddr" data-addrid="{{index+1}}"></view>
      </view> 
    </block>
    <navigator url="../edit_addr/edit_addr" >新增地址 +</navigator>
 </view>
  
</view>

/**route.wxss**/
.container{
    padding:0rpx;
    margin:0rpx;
}
.user_base_info{
    width:100%;
    display:flex;
    flex-direction: row;
    justify-content: center;
    font-size:30rpx;
    margin:80rpx 0rpx;
}
.user_base_info .user_avatar{
    width:200rpx;
    height:200rpx;
    border-radius:100%;
    margin-right:60rpx;
}
.user_base_info .user_avatar image{
    width:100%;
    height:100%;
}
.user_base_info .user_info{
    color:#000;
    line-height: 48rpx;
}
.user_addr_manage{
    width:100%;
}
.user_addr_manage .user_addr_title{
    padding:10rpx 60rpx;
    display: block;
    text-align: center;
    font-size:36rpx;
    margin-bottom:40rpx;
}
.user_addr_manage .user_addr_item{
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-bottom:1px solid #ddd;
    padding:10rpx 40rpx;
    vertical-align: middle;
    line-height: 48rpx;
    font-size:30rpx;
    box-sizing:border-box;
    position: relative;
}
.user_addr_item  .addr_sub{
    width:580rpx;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user_addr_item .addr_edit{
    width:50rpx;
    background:url(../../images/edit.png) no-repeat;
    background-position: center;
    background-size:100%;  
}
navigator{
    margin:0rpx 0 20rpx;
    padding:30rpx;
    border-bottom:1px solid #ddd;
    font-size:32rpx;
    text-align: center;
    color:#d24a58;
}

//index.js
//获取应用实例
var app = getApp()
var myData = require('../../utils/data')
var util = require('../../utils/util')

Page({
  // 页面初始数据
  data: {
    userData:myData.userData(),
    addrDate:util.replacePhone(myData.userData().addrs,true)
  },
  // 地址编辑
  editAddr : function(e){
    console.log(e)
    wx.navigateTo({
      url:'../edit_addr/edit_addr?addrid='+e.currentTarget.dataset.addrid
    })
  }

})