reader/pages/childClassify/index.wxml

<view class="classBox">
  <scroll-view class="classify" scroll-x="true" enhanced show-scrollbar="{{false}}" wx:if="{{type=='class'}}">
    <view class="name {{currentClass==index?'currentClass':''}}" wx:for="{{6}}" wx:key="index" data-id="{{index}}"
      bindtap="setClass">
      书香美文
    </view>
  </scroll-view>
  <view class="searchBox" wx:else>
    <input class="input" placeholder="请输入搜索内容" bindblur="setSearch" />
    <view class="searchBtn" catchtap="search">
      <image src="/static/search.png" class="img" />
    </view>
  </view>
  <!-- 内容区域 -->
  <scroll-view class="worksList" scroll-y="true" enhanced show-scrollbar="{{false}}" scroll-top="{{scrollTop}}"
    bindscrolltolower='bindscrolltolower'>
    <view class="worksBox" wx:for="{{16}}" wx:key="index">
      <view class="left">
        <image src="https://yfklxt-image.ai160.com/reader/20211012/1634004843742426.jpg" class="cover" />
        <view class="work">
          <view class="title">狼来了</view>
          <view class="statistics">
            <view class="statistic">
              <image src="/static/play.png" class="playImg" mode="" />
              <view class="num">1234</view>
            </view>
          </view>
        </view>
      </view>
      <view class="goRead" data-id="{{index}}" bindtap="goRead">去朗读</view>
    </view>
  </scroll-view>
</view>