index.wxml 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!--index.wxml-->
  2. <view class="wrap">
  3. <view class="form_wrap">
  4. <view class="form_item">
  5. <view class="item_l">联系人</view>
  6. <view class="item_r">
  7. <van-field
  8. value="{{ name }}"
  9. placeholder="请填写收货人姓名"
  10. border="{{ false }}"
  11. bind:change="onChangeName"
  12. />
  13. </view>
  14. </view>
  15. <view class="form_item">
  16. <view class="item_l">性别</view>
  17. <view class="item_r">
  18. <van-radio-group value="{{ sex }}" direction="horizontal" bind:change="onChangeSex">
  19. <van-radio name="{{ 1 }}" checked-color="#295C56" style="margin-right: 60rpx;">男</van-radio>
  20. <van-radio name="{{ 2 }}" checked-color="#295C56">女</van-radio>
  21. </van-radio-group>
  22. </view>
  23. </view>
  24. <view class="form_item">
  25. <view class="item_l">手机号</view>
  26. <view class="item_r">
  27. <van-field
  28. value="{{ phone }}"
  29. placeholder="请填写收货人手机号码"
  30. border="{{ false }}"
  31. bind:change="onChangePhone"
  32. />
  33. </view>
  34. </view>
  35. <view class="form_item">
  36. <view class="item_l">收货地址</view>
  37. <view class="item_r" bind:tap="toChooseLocation">
  38. <van-field
  39. value="{{ area_address }}"
  40. placeholder="点击选择"
  41. border="{{ false }}"
  42. readonly
  43. />
  44. <van-icon name="arrow" color="#333333" />
  45. </view>
  46. </view>
  47. <view class="form_item">
  48. <view class="item_l">门牌号</view>
  49. <view class="item_r">
  50. <van-field
  51. value="{{ address }}"
  52. placeholder="例:B座10楼1003室"
  53. border="{{ false }}"
  54. bind:change="onChangeAddress"
  55. />
  56. </view>
  57. </view>
  58. <view class="form_item">
  59. <van-checkbox value="{{ checked }}" checked-color="#295C56" bind:change="onChangeDefault">设为默认地址</van-checkbox>
  60. </view>
  61. </view>
  62. <view class="btn_wrap">
  63. <view class="btn" bind:tap="saveAddress">保存</view>
  64. </view>
  65. </view>
  66. <!-- loading -->
  67. <van-overlay show="{{ loading }}" z-index="100">
  68. <van-loading custom-class="custom_loading" />
  69. </van-overlay>