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

<view
  class="page"
  style="{{theme === 'DRUG'?'--name:#25D9C8;--tag-bg:rgba(37, 217, 200, 0.13)':'--name:#E9FBF3;--tag-bg:#E9FBF3'}}"
>
  <van-tabs
    wx:if="{{picTextStatus==1 && videoStatus==1}}"
    class="navbar"
    active="{{ active }}"
    bind:change="tabChange"
    title-inactive-color="#222222"
    title-active-color="#0EB66D"
    line-width="{{17}}"
    line-height="{{4}}"
    color="#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/1/search.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">
    <view class="tags" wx:if="{{active==0}}">
      <view class="scroll">
        <view class="tag {{!CateId &&'active'}}" bind:tap="handleCate" data-id="">全部</view>
        <block wx:if="{{active==0}}">
          <view
            class="tag {{CateId == item.CateId &&'active'}}"
            wx:for="{{infoCateList}}"
            bind:tap="handleCate"
            data-id="{{item.CateId}}"
            wx:key="index"
          >
            {{item.CateName}}
          </view>
        </block>
        <block wx:if="{{active==1}}">
          <view
            class="tag {{CateId == item.CateId &&'active'}}"
            wx:for="{{videoCateList}}"
            bind:tap="handleCate"
            data-id="{{item.CateId}}"
            wx:key="index"
          >
            {{item.CateName}}
          </view>
        </block>
      </view>
    </view>
    <image wx:if="{{active==1}}" class="slogan" src="/images/1/login-title.png"></image>
  </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>
        <image wx:if="{{item.IsNew==1}}" class="new-icon" src="{{imageUrl}}2/new-label.png?t={{Timestamp}}"></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.IsCompliment==1 && 'active'}}"
            catch:tap="handleStar"
            data-id="{{item.Id}}"
            data-index="{{index}}"
          >
            <image
              class="icon"
              wx:if="{{item.IsCompliment==1}}"
              src="{{imageUrl}}1/star-active.png?t={{Timestamp}}"
            ></image>
            <image class="icon" wx:else src="{{imageUrl}}1/star.png?t={{Timestamp}}"></image>
            <block wx:if="{{~~item.ComplimentNum}}">{{item.ComplimentNum}}</block>
          </view>
        </view>
      </view>
    </view>
    <pagination pagination="{{pagination}}"></pagination>
  </view>
  <view class="video-list" wx:elif="{{active==1}}">
    <view class="list-item" wx:for="{{list}}" wx:key="{{item.Id}}">
      <view class="photo">
        <block wx:if="{{!item.play}}">
          <image class="poster" mode="widthFix" src="{{item.ImageUrl}}"></image>
        </block>
      </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="handleVideoToggleSave"
            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>