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

<!-- 头部视图 -->
<view class="top-view" style="position: sticky; top: 0; z-index: 999;"> 
  <!-- 导航栏 -->
  <view class="nav-view" style="padding-top: {{ statusBarHeight }}px; height: {{ navHeight }}px;">
    <view class="tab-view">
      <!-- tabs -->
      <van-tabs custom-class="van-tabs" nav-class="van-tabs__nav" sticky animated bind:change="onTabChange" color="#fff" line-width="20px" title-inactive-color="#CAE5FF" title-active-color="#fff">
        <van-tab wx:for="{{ tabs }}" wx:for-item="itm" wx:key="id" id="{{ itm.id }}" title="{{ itm.name }}"/>
      </van-tabs>  
    </view>
  </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-dwn">
      <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="background-color: #f0f0f0;" wx:if="{{ !isEmpty }}"> 
  <!-- 出售大厅数据 --> 
  <van-swipe-cell wx:for="{{ values }}" wx:for-item="itm" wx:for-index="idx" wx:key="idx" id="{{ idx }}" right-width="{{ width }}" bind:click="onSelectItem">
    <view class="item-view {{ favorites[idx].isChecked ? 'active' : ''}}">
      <view class="item-view-up">
        <text wx:for="{{ itm.up }}" wx:for-item="data" wx:for-index="idx" wx:key="idx">{{ data }}</text>
      </view>
      <view class="item-view-mid">
        <text wx:for="{{ itm.mid }}" wx:for-item="data" wx:for-index="idx" wx:key="idx">{{ data }}</text>
      </view>
      <view class="item-view-dwn" wx:if="{{ itm.dwn.length != 0 }}">
        <text wx:for="{{ itm.dwn }}" wx:for-item="data" wx:for-index="idx" wx:key="idx">{{ data }}</text>
      </view>
    </view>
    <!-- 取消收藏 --> 
    <view slot="right" class="van-swipe-cell__right">
      <view class="item detail" id="detail {{ idx }}" style="background-color: #407DB8; color: white;" bindtap="onCancelFavorite">取消</view>
    </view>
  </van-swipe-cell>

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

<!--  底部视图  -->
<view class="buttom_view" style="padding-bottom: {{ safeBottom+48 }}px;" wx:if="{{ values.length >= 2}}">
  <van-button id="new" round color="#407DB8" block style="width: 90%;" bind:click="onButtonPressed">对比</van-button>
</view>