addAddress.wxml 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!--pages/addAddress/addAddress.wxml-->
  2. <import src="../components/template/loadAnimation/loadAnimation.wxml" />
  3. <template is="addressLoad" wx:if="{{show}}"/>
  4. <view>
  5. <view class="info_cell-wrap bacfff">
  6. <view class="info_cell vux-1px-b">
  7. <view class="info_cell_lable">收件人:</view>
  8. <view class="info_cell_content">
  9. <input class="address_input" placeholder="请输入收件人" bindinput="bindKeyInput" data-value="name" value="{{bindName}}"/>
  10. </view>
  11. </view>
  12. </view>
  13. <view class="info_cell-wrap bacfff">
  14. <view class="info_cell vux-1px-b">
  15. <view class="info_cell_lable">手机号码:</view>
  16. <view class="info_cell_content">
  17. <input class="address_input" placeholder="请输入手机号码" maxlength="11" type="number" bindinput="bindKeyInput" data-value="phone" value="{{bindPhone}}"/>
  18. </view>
  19. </view>
  20. </view>
  21. <view class="info_cell-wrap bacfff" bindtap='animation_flag' data-flag="true">
  22. <view class="info_cell vux-1px-b">
  23. <view class="info_cell_lable">地区:</view>
  24. <view class="info_cell_content common_cell_arrow">
  25. {{area_info}}
  26. </view>
  27. </view>
  28. </view>
  29. <view class="info_cell-wrap bacfff">
  30. <!-- <view class="info_cell"> -->
  31. <view class="align_center f28" style="min-height: 112rpx;">
  32. <view class="info_cell_lable">详细地址:</view>
  33. <view class="info_cell_content align_center">
  34. <textarea class="address_input" wx:if="{{!show}}" style="padding: 10rpx 0;" placeholder="请输入详细地址" auto-height bindinput="bindKeyInput" data-value="address" value="{{bindAddress}}"/>
  35. </view>
  36. </view>
  37. </view>
  38. <view class="checkbtn" >
  39. <view class="align_center" bindtap='toggleChecked'>
  40. <view class="check_icon-box">
  41. <block wx:if="{{checked}}">
  42. <icon type="success" size="18" color="#2b2b2b"></icon>
  43. </block>
  44. <block wx:else>
  45. <view class="no_checked_icon"></view>
  46. </block>
  47. </view>
  48. <text class="">设为默认地址</text>
  49. </view>
  50. </view>
  51. <view class="picker_mask {{animation_flag ? 'show_popup' : ''}}" bindtap='animation_flag' data-flag="false"></view>
  52. <view class="picker_container {{animation_flag ? 'show_animation' : ''}}">
  53. <view class="picker_header">
  54. <view class="picker_cancel" bindtap='animation_flag' data-flag="false">取消</view>
  55. <view bindtap='setAddress'>完成</view>
  56. </view>
  57. <view class="bacfff" style="text-align:center">
  58. <picker-view indicator-style="" style="width: 100%; height: 300rpx;" value="{{value}}" bindchange="bindChange">
  59. <picker-view-column>
  60. <view wx:for="{{tree}}" wx:index="province" wx:key="province" style="line-height: 68rpx">{{item.n}}</view>
  61. </picker-view-column>
  62. <picker-view-column>
  63. <view wx:for="{{citys}}" wx:index="city" wx:key="city" style="line-height: 68rpx">{{item.n}}</view>
  64. </picker-view-column>
  65. <picker-view-column>
  66. <view wx:for="{{districts}}" wx:index="district" wx:key="district" style="line-height: 68rpx">{{item.n}}</view>
  67. </picker-view-column>
  68. </picker-view>
  69. </view>
  70. </view>
  71. <view class="add_address_btn" bindtap='commmitAddress'>确认</view>
  72. </view>