<!--pages/addAddress/addAddress.wxml-->
<!-- <import src="../components/template/loadAnimation/loadAnimation.wxml" /> -->
<template is="addressLoad" wx:if="{{show}}"/>
<view>

  <view class="info_cell-wrap bacfff">
    <view class="info_cell vux-1px-b">
      <view class="info_cell_lable">收件人:</view>
      <view class="info_cell_content">
        <input class="address_input" placeholder="请输入收件人" bindinput="bindKeyInput" data-value="name" value="{{bindName}}"/>
      </view>
    </view>
  </view>

  <view class="info_cell-wrap bacfff">
    <view class="info_cell vux-1px-b">
      <view class="info_cell_lable">手机号码:</view>
      <view class="info_cell_content">
         <input class="address_input" placeholder="请输入手机号码" maxlength="11" type="number" bindinput="bindKeyInput" data-value="phone" value="{{bindPhone}}"/> 
      </view>
    </view>
  </view>

  <view class="info_cell-wrap bacfff" bindtap='animation_flag' data-flag="true">
    <view class="info_cell vux-1px-b">
      <view class="info_cell_lable">地区:</view>
      <view class="info_cell_content common_cell_arrow">
        {{area_info}}
      </view>
    </view>

  </view>

  <view class="info_cell-wrap bacfff">
      <view class="align_center f28" style="min-height: 112rpx;">
      <view class="info_cell_lable">详细地址:</view>
      <view class="info_cell_content align_center">
         <textarea  class="address_input" wx:if="{{!show}}" style="padding: 10rpx 0;" placeholder="请输入详细地址" auto-height bindinput="bindKeyInput" data-value="address" value="{{bindAddress}}"/> 
      </view>
    </view>
  </view>

  <view class="checkbtn" >
    <view class="align_center" bindtap='toggleChecked'>
    <view class="check_icon-box">
      <block wx:if="{{checked}}">
        <icon type="success" size="18" color="#2b2b2b"></icon>
      </block>
      <block wx:else>
        <view class="no_checked_icon"></view>
      </block>
    </view>
    <text class="">设为默认地址</text>
  </view>
  </view>




  <view class="picker_mask {{animation_flag ? 'show_popup' : ''}}" bindtap='animation_flag' data-flag="false"></view>
  <view class="picker_container {{animation_flag ? 'show_animation' : ''}}">
    <view class="picker_header">
      <view class="picker_cancel" bindtap='animation_flag' data-flag="false">取消</view>
      <view bindtap='setAddress'>完成</view>
    </view>
    <view class="bacfff" style="text-align:center">
      <picker-view indicator-style="" style="width: 100%; height: 300rpx;" value="{{value}}" bindchange="bindChange">
        <picker-view-column>
          <view wx:for="{{tree}}" wx:index="province" wx:key="province" style="line-height: 68rpx">{{item.n}}</view>
        </picker-view-column>
        <picker-view-column>
          <view wx:for="{{citys}}" wx:index="city" wx:key="city" style="line-height: 68rpx">{{item.n}}</view>
        </picker-view-column>
        <picker-view-column>
          <view wx:for="{{districts}}" wx:index="district" wx:key="district" style="line-height: 68rpx">{{item.n}}</view>
        </picker-view-column>
      </picker-view>
    </view>
  </view>

  <view class="add_address_btn" bindtap='commmitAddress'>确认</view>
</view>