manage-address.wxml 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <!-- 导航栏 -->
  2. <t-navbar title="地址管理" left-arrow />
  3. <!-- 搜索框 -->
  4. <view class="search-bar">
  5. <t-input
  6. placeholder="快速搜索你要找的地址"
  7. prefix-icon="search"
  8. clearable
  9. bind:change="onSearchChange"
  10. value="{{searchValue}}"
  11. class="serch-input"
  12. />
  13. </view>
  14. <!-- 地址列表 -->
  15. <scroll-view class="address-list" scroll-y>
  16. <view wx:if="{{noResult}}" class="no-result-tip"><t-empty icon="info-circle-filled" description="暂无数据" />
  17. </view>
  18. <block wx:for="{{addressList}}" wx:key="id">
  19. <view class="address-item" bindtap="selectAddress" data-item="{{item}}" >
  20. <view class="address-header">
  21. <text class="name">{{item.liaison}}</text>
  22. <text class="phone">{{item.phone}}</text>
  23. <t-tag theme="primary" wx:if="{{item.isDefault==='Y'}}" class="default-tag">默认</t-tag>
  24. <t-tag theme="primary" variant="outline" wx:if="{{item.tag}}">{{item.tag}}</t-tag>
  25. </view>
  26. <view class="address-detail">{{item.fullAddress}}</view>
  27. <t-icon name="edit" class="edit-icon" catchtap="onEdit" data-id="{{item.id}}" />
  28. </view>
  29. </block>
  30. </scroll-view>
  31. <!-- 底部操作栏 -->
  32. <view class="footer">
  33. <t-button theme="default" shape="round" class="wechat-btn" bind:tap="onImportWechatAddress">
  34. <view class="wechat-btn-content">
  35. <t-icon name="logo-wechat-stroke" class="wechat-icon" />
  36. <text>微信导入</text>
  37. </view>
  38. </t-button>
  39. <t-button theme="primary" shape="round" class="add-btn" bind:tap="onAddress">
  40. 新增收货地址
  41. </t-button>
  42. </view>