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

<view
  class="page"
  style="{{theme === 'DRUG'?'--name:#25D9C8;--tag-bg:rgba(37, 217, 200, 0.13)':'--name:#e04775;--tag-bg:rgba(224, 71, 117, 0.13)'}}"
>
  <van-tabs
    wx:if="{{picTextStatus==1 && videoStatus==1}}"
    class="navbar"
    active="{{ active }}"
    bind:change="tabChange"
    title-inactive-color="#9E9E9E"
    title-active-color="#484848"
    line-width="{{17}}"
    line-height="{{4}}"
    color="#E04775"
    tab-class="tab"
    tab-active-class="tab-active"
  >
    <van-tab title="知识库"></van-tab>
    <van-tab title="视频课堂"></van-tab>
  </van-tabs>
  <view class="search">
    <image class="icon" src="{{imageUrl}}1/search.png?t={{Timestamp}}"></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">
      <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>
  </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="date">{{item.UpdatedAt}}</view>
        <view class="labels">
          <view class="label" wx:for="{{item.Labels}}" wx:for-item="label" wx:key="index">{{label}}</view>
        </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>
          <button
            class="f-item share"
            open-type="share"
            data-id="{{item.Id}}"
            data-type="info"
            data-index="{{index}}"
            catch:tap="handleShare"
          >
            <image class="icon" src="{{imageUrl}}1/share.png?t={{Timestamp}}"></image>
            <block wx:if="{{~~item.ShareNum}}">{{item.ShareNum}}</block>
          </button>
        </view>
      </view>
    </view>
  </view>
  <view class="video-list" wx:elif="{{active==1}}">
    <view class="list-item" wx:for="{{list}}" wx:key="{{item.Id}}">
      <view class="photo">
        <video
          class="video"
          id="video{{index}}"
          src="{{item.SrcUrl}}"
          bindplay="handleVideoPlay"
          bindfullscreenchange="handleVideoFull"
          bindpause="handleVideoPause"
          bindtimeupdate="handleVideoTime"
          data-id="{{item.Id}}"
          data-index="{{index}}"
        ></video>
        <block wx:if="{{!item.play}}">
          <image class="poster" mode="widthFix" src="{{item.ImageUrl}}"></image>
          <image
            class="play"
            src="{{imageUrl}}1/video-play.png?t={{Timestamp}}"
            bind:tap="handleVideo"
            data-index="{{index}}"
            data-id="{{item.Id}}"
          ></image>
        </block>
      </view>
      <view class="inner">
        <view class="title">{{item.Title}}</view>
        <view class="content">
          <view class="labels">
            <view class="label" wx:for="{{item.Labels}}" wx:for-item="label" wx:key="index">{{label}}</view>
          </view>
          <view class="date">{{item.UpdatedAt}}</view>
        </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="handleVideoStar"
            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
            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>
          <button
            class="f-item share"
            open-type="share"
            data-id="{{item.Id}}"
            data-type="video"
            data-index="{{index}}"
            catch:tap="handleShare"
          >
            <image class="icon" src="{{imageUrl}}1/share.png?t={{Timestamp}}"></image>
            <block wx:if="{{~~item.ShareNum}}">{{item.ShareNum}}</block>
          </button>
        </view>
      </view>
    </view>
  </view>
  <pagination pagination="{{pagination}}"></pagination>
</view>