shizhong-miniprogram/src/pages/collection/index.wxml

<van-nav-bar
  title="我的收藏"
  border="{{false}}"
  custom-style="background:{{background}}"
  bind:click-left="handleBack"
  fixed
>
  <van-icon name="arrow-left" slot="left" color="#000" size="46rpx" />
</van-nav-bar>

<view class="page" style="padding-top:{{menuButtonInfo.bottom}}px;">
  <view class="card" wx:for="{{list}}" wx:key="Id">
    <image class="photo" mode="aspectFill" src="{{imageUrl}}place.png?t={{Timestamp}}"></image>
    <view class="c-container">
      <view class="title">{{item.BookName}}</view>
      <view class="type">{{item.CateName}}{{item.CateSecondName ? '/'+item.CateSecondName : ''}}</view>
      <view class="stat">
        <view class="s-item">
          <image class="icon" src="{{imageUrl}}icon-eye.png?t={{Timestamp}}"></image>
          {{item.BrowseNum}}
        </view>
        <view
          class="s-item active"
          wx:if="{{item.IsCollect === '1'}}"
          catch:tap="handleUnCollect"
          data-index="{{index}}"
          data-list="list"
        >
          <image class="icon" src="{{imageUrl}}icon-collection-active.png?t={{Timestamp}}"></image>
          已收藏
        </view>
        <view class="s-item" wx:else catch:tap="handleCollect" data-index="{{index}}" data-list="list">
          <image class="icon" src="{{imageUrl}}icon-collection.png?t={{Timestamp}}"></image>
          收藏
        </view>
      </view>
    </view>
  </view>
  <pagination pagination="{{pagination}}"></pagination>
</view>