manage-address.wxml 1.6 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">
  17. <t-empty icon="info-circle-filled" description="暂无数据" />
  18. </view>
  19. <block wx:else>
  20. <view wx:for="{{addressList}}" wx:key="id" class="address-item" bindtap="selectAddress" data-item="{{item}}" >
  21. <view class="address-header">
  22. <text class="name">{{item.liaison}}</text>
  23. <text class="phone">{{item.phone}}</text>
  24. <t-tag theme="primary" wx:if="{{item.isDefault==='Y'}}" class="default-tag">默认</t-tag>
  25. <t-tag theme="primary" variant="outline" wx:if="{{item.tag}}">{{item.tag}}</t-tag>
  26. </view>
  27. <view class="address-detail">{{item.fullAddress}}</view>
  28. <t-icon name="edit" class="edit-icon" catchtap="onEdit" data-id="{{item.id}}" />
  29. </view>
  30. </block>
  31. </scroll-view>
  32. <!-- 底部操作栏 -->
  33. <view class="footer">
  34. <t-button theme="default" shape="round" class="wechat-btn" bind:tap="onImportWechatAddress">
  35. <view class="wechat-btn-content">
  36. <t-icon name="logo-wechat-stroke" class="wechat-icon" />
  37. <text>微信导入</text>
  38. </view>
  39. </t-button>
  40. <t-button theme="primary" shape="round" class="add-btn" bind:tap="onAddress">
  41. 新增收货地址
  42. </t-button>
  43. </view>