igg4-miniprogram/src/pages/repository/index.wxml

<view class="page" id="{{theme === 'DRUG' && 'drug-page'}}">
  <van-tabs
    class="navbar"
    active="{{ active }}"
    bind:change="tabChange"
    title-inactive-color="#222222"
    title-active-color="{{theme === 'DRUG' ? 'rgba(89, 86, 233, 1)' : '#0EB66D'}}"
    line-width="{{17}}"
    line-height="{{4}}"
    color="{{theme === 'DRUG' ? 'rgba(89, 86, 233, 1)' : '#0EB66D'}}"
    tab-class="tab"
    tab-active-class="tab-active"
  >
    <van-tab title="知识库"></van-tab>
    <van-tab title="患者故事"></van-tab>
  </van-tabs>
  <view class="search" wx:if="{{active==0}}">
    <image class="icon" src="/images/icon67.png"></image>
    <input
      class="input"
      model:value="{{Search}}"
      placeholder-class="placeholder-input"
      confirm-type="search"
      placeholder="搜一搜"
      bindconfirm="handleSearch"
    />
    <van-icon class="clear extend-via-pseudo-elem" wx:if="{{Search}}" name="clear" bind:tap="handleClear" />
  </view>
  <view class="sticky" wx:if="{{active==0}}">
    <view class="tags">
      <view class="scroll">
        <view class="tag {{!CateId &&'active'}}" bind:tap="handleCate" data-id="">全部</view>
        <view
          class="tag {{CateId == item.CateId &&'active'}}"
          wx:for="{{infoCateList}}"
          bind:tap="handleCate"
          data-id="{{item.CateId}}"
          wx:key="index"
        >
          {{item.CateName}}
        </view>
      </view>
    </view>
  </view>
  <swiper wx:if="{{banner.length && active==0}}" class="swiper" autoplay interval="{{3000}}">
    <swiper-item
      class="swiper-item"
      wx:for="{{banner}}"
      wx:key="index"
      bind:tap="routerTo"
      data-path="{{item.linkUrl}}"
    >
      <image class="img" mode="scaleToFill" src="{{item.img}}"></image>
    </swiper-item>
  </swiper>
  <view class="info-list" wx:if="{{active==0 && list.length}}">
    <view
      class="list-item"
      wx:for="{{list}}"
      bind:tap="handleDetail"
      data-id="{{item.Id}}"
      data-index="{{index}}"
      wx:key="index"
    >
      <view class="photo">
        <image src="{{item.TitlePicLink}}" mode="aspectFill" class="photo-img"></image>
      </view>
      <view class="inner">
        <view class="title">{{item.Title}}</view>
        <view class="footer">
          <view class="f-item">
            <image class="icon" src="{{imageUrl}}1/view.png?t={{Timestamp}}"></image>
            <block wx:if="{{~~item.OpenNum + ~~item.BasicNum}}">{{~~item.OpenNum + ~~item.BasicNum}}</block>
          </view>
          <view
            class="f-item {{item.IsCollect == 1 && 'active'}}"
            catch:tap="handleToggleSave"
            data-id="{{item.Id}}"
            data-collect="{{item.IsCollect}}"
            data-index="{{index}}"
          >
            <image
              class="icon"
              wx:if="{{item.IsCollect == 1}}"
              src="{{imageUrl}}1/save-active-plan.png?t={{Timestamp}}"
            ></image>
            <image class="icon" wx:else src="{{imageUrl}}1/save.png?t={{Timestamp}}"></image>
            <block wx:if="{{~~item.CollectionPeopleNum}}">{{item.CollectionPeopleNum}}</block>
          </view>
        </view>
      </view>
    </view>
    <pagination pagination="{{pagination}}"></pagination>
  </view>
  <view class="video-list" wx:if="{{active==1 && list.length}}">
    <view class="list-item" wx:for="{{list}}" bind:tap="handleDetail" data-id="{{item.Id}}" data-index="{{index}}" wx:key="index">
      <view class="photo">
        <image class="poster" mode="widthFix" src="{{item.BigPicLink || item.TitlePicLink}}"></image>
      </view>
      <view class="inner">
        <view class="title">{{item.Title}}</view>
        <view class="footer">
          <view class="f-item">
            <image class="icon" src="{{imageUrl}}1/view.png?t={{Timestamp}}"></image>
            <block wx:if="{{~~item.OpenNum + ~~item.BasicNum}}">{{~~item.OpenNum + ~~item.BasicNum}}</block>
          </view>
          <view
            class="f-item {{item.IsCollect == 1 && 'active'}}"
            catch:tap="handleToggleSave"
            data-id="{{item.Id}}"
            data-collect="{{item.IsCollect}}"
            data-index="{{index}}"
          >
            <image
              class="icon"
              wx:if="{{item.IsCollect == 1}}"
              src="{{imageUrl}}1/save-active-plan.png?t={{Timestamp}}"
            ></image>
            <image class="icon" wx:else src="{{imageUrl}}1/save.png?t={{Timestamp}}"></image>
            <block wx:if="{{~~item.CollectionPeopleNum}}">{{item.CollectionPeopleNum}}</block>
          </view>
        </view>
      </view>
    </view>
    <pagination pagination="{{pagination}}"></pagination>
  </view>
</view>