wxappb2b/GuangZuan/miniprogram/pages/circle/circle.wxml

<!--pages/circle/circle.wxml-->

<!-- 头部视图 -->
<view class="top-view" style="position: sticky; top: 0; z-index: 999;"> 
  <!-- 导航栏 -->
  <nav-bar title="钻石圈" left="{{false}}"></nav-bar>

  <!-- tabs -->
  <view class="tab-view">
    <van-tabs sticky animated bind:change="onTabChange">
      <van-tab wx:for="{{tabs}}" wx:for-item="itm" wx:key="id" id="{{itm.id}}" title="{{itm.name}}"/>
    </van-tabs>  
  </view>

  <!-- 列头 --> 
  <view class="title-view">
    <view class="title-view-up">
      <text wx:for="{{titles[0]}}" wx:for-item="itm" wx:for-index="idx" wx:key="idx">{{itm}}</text>
    </view>
    <view class="title-view-down">
      <text wx:for="{{titles[1]}}" wx:for-item="itm" wx:for-index="idx" wx:key="idx">{{itm}}</text>
    </view>
  </view>
</view>

<!-- 内容滚动视图 --> 
<scroll-view class="content-view" style="padding-bottom: {{safeBottom+48}}px;">
  <!-- 出售大厅数据 --> 
  <van-swipe-cell wx:for="{{favorites}}" wx:for-item="data" wx:for-index="idx" wx:key="applyid" right-width="{{ 65 }}">
    <view class="item-view">
      <view class="item-view-up">
        <text>{{data.totalqty}}</text>
        <text>{{data.zsshapetypedisplay}}</text>
        <text>{{data.sizedisplay}}</text>
        <text>{{data.zscategorydisplay}}</text>
      </view>
      <view class="item-view-down">
        <text>{{data.zscolortype1display}} | {{data.zscerttypedisplay}} | {{data.zscurrencytypedisplay}} | {{data.zsstyletypedisplay}} | {{data.zspolishtype1display}} | {{data.zsczcolor3typedisplay}} | {{data.cerno}}</text>
        <text class="price">{{data.zscurrencytypedisplayunit}}{{data.price}}</text>
      </view>
    </view>
    <!-- 取消收藏 --> 
    <view slot="right" style="font-size: 12px;" class="right" id="{{idx}}" bindtap="onCancelFavorite">取消</view>
  </van-swipe-cell>
</scroll-view>

<!-- 无数据 --> 
<van-empty wx:if="{{isEmpty}}" class="custom-image" description="无数据"/>
<!-- toast --> 
<van-toast id="van-toast" />