电速宝
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.wxml 3.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. <view class="address-container">
  2. <!-- 表单区域 -->
  3. <form bindsubmit="formSubmit">
  4. <!-- 收货人 -->
  5. <view class="form-item">
  6. <label class="form-label required">联系人</label>
  7. <input
  8. class="form-input"
  9. name="receiver"
  10. placeholder="请输入收货人姓名"
  11. value="{{formData.receiver}}"
  12. bindinput="handleInput"
  13. data-key="receiver"
  14. />
  15. </view>
  16. <!-- 手机号码 -->
  17. <view class="form-item">
  18. <label class="form-label required">手机号码</label>
  19. <input
  20. class="form-input"
  21. name="phone"
  22. placeholder="请输入手机号码"
  23. type="number"
  24. value="{{formData.phone}}"
  25. bindinput="handleInput"
  26. data-key="phone"
  27. maxlength="11"
  28. />
  29. </view>
  30. <!-- 省市区选择 -->
  31. <!-- <view class="form-item">
  32. <label class="form-label required">所在地区</label>
  33. <picker
  34. mode="region"
  35. bindchange="handlePickerChange"
  36. value="{{regionValue}}"
  37. custom-item="{{customItem}}"
  38. >
  39. <view class="area-picker">
  40. <text class="area-text">{{regionValue[0]}},{{regionValue[1]}},{{regionValue[2]}}</text>
  41. <icon class="right-icon" type="right" size="16" color="#999" />
  42. </view>
  43. </picker>
  44. </view> -->
  45. <!-- 详细地址 -->
  46. <!-- 详细地址(新增地图入口) -->
  47. <view class="form-item">
  48. <label class="form-label required">详细地址</label>
  49. <view class="detail-address-wrapper" bindtap="navigateToMapSelect">
  50. <input
  51. class="form-input"
  52. name="addressDetails"
  53. placeholder="街道、门牌号等(可点击地图选择)"
  54. value="{{formData.addressDetails}}"
  55. bindinput="handleInput"
  56. data-key="addressDetails"
  57. disabled="false"
  58. />
  59. <!-- <button
  60. class="map-btn"
  61. size="mini"
  62. > -->
  63. <!-- <image src="/images/map-icon.png" class="map-icon" /> -->
  64. <t-icon name="location" size="40rpx" data-name="location"/>
  65. <!-- </button> -->
  66. </view>
  67. <!-- 选中的POI名称提示 -->
  68. <!-- <view class="poi-tip" wx:if="{{formData.poiName}}">
  69. 已选择:{{formData.poiName}}
  70. </view> -->
  71. </view>
  72. <!-- 邮政编码 -->
  73. <!-- <view class="form-item">
  74. <label class="form-label">邮政编码</label>
  75. <input
  76. class="form-input"
  77. name="zipCode"
  78. placeholder="选填"
  79. type="number"
  80. value="{{formData.zipCode}}"
  81. bindinput="handleInput1"
  82. data-key="zipCode"
  83. maxlength="100"
  84. />
  85. </view> -->
  86. <!-- 默认地址开关 -->
  87. <view class="form-item switch-item">
  88. <label class="form-label">默认地址</label>
  89. <switch
  90. checked="{{formData.isDefault}}"
  91. bindchange="handleSwitchChange"
  92. />
  93. </view>
  94. <!-- 提交按钮 -->
  95. <button
  96. type="primary"
  97. form-type="submit"
  98. class="submit-btn"
  99. disabled="{{!formData.receiver || !formData.phone || !formData.province || !formData.city || !formData.district || !formData.addressDetails}}"
  100. >
  101. 保存地址
  102. </button>
  103. </form>
  104. <!-- 遮罩层 -->
  105. <view
  106. wx:if="{{showAreaPicker}}"
  107. class="mask"
  108. bindtap="closeAreaPicker"
  109. ></view>
  110. </view>