index.wxml 1.4 KB

1234567891011121314151617181920212223242526272829
  1. <!-- top-view -->
  2. <view class="top-view">
  3. <!-- 导航栏 -->
  4. <van-nav-bar custom-style="background-color: #407DB8">
  5. <van-icon slot="left" name="arrow-left" size="25px" color="#fff" bind:click="backToParent"/>
  6. <text slot="title" style="color: #fff;">钻石首饰</text>
  7. </van-nav-bar>
  8. <!-- 搜索视图 -->
  9. <van-search model:value="{{ result }}" use-action-slot background="#9DBAD6" shape="round" placeholder="搜索首饰" bind:change="onChange">
  10. <view slot="action" bind:tap="onSearch" style="color: #fff;">搜索</view>
  11. </van-search>
  12. </view>
  13. <!-- 商品卡片 -->
  14. <view class="goodscard" style="padding-bottom: {{ safeBottom }}px;">
  15. <view class="goodscard-item" wx:for="{{ sellOrders }}" wx:for-item="itm" wx:for-index="idx" wx:key="idx" data-num="{{ idx }}" bindtap="onItemClick">
  16. <van-image width="100%" radius="10px 10px 0px 0px" height="180px" use-loading-slot fit="cover" src="{{ itm.imagepath }}" >
  17. <van-loading slot="loading" type="spinner" size="20" vertical />
  18. </van-image>
  19. <text class="goods-title">{{ itm.zsstyletypedisplay }} {{ itm.totalqty }}ct {{ itm.settingmaterial }}</text>
  20. <text class="goods-price">{{ itm.zscurrencytypedisplayunit }}{{ itm.price }}</text>
  21. </view>
  22. </view>
  23. <!-- 无数据 -->
  24. <van-empty wx:if="{{ isEmpty }}" class="custom-image" description="无数据"/>
  25. <!-- toast -->
  26. <van-toast id="van-toast" />