wx-teacher/subpackagestow/training/training.wxml

<!--subpackages/training/training.wxml-->
<view style="background: #f5f5f5; padding: 20rpx 0;">
  <view class="container">
    <view class="container">
      <!-- 搜索框 -->
      <view class="search-bar">
        <input class="search-input" placeholder="搜索" />
        <image class="search-icon" src="{{sou}}" />
      </view>
    </view>

    <!-- 分类 -->
    <view class="category-tabs">
      <view wx:for="{{categories}}" wx:key="index">
        <view class="category-tab {{item.sort === categoriesindex ? 'active' : ''}}" bindtap="tabcategories" data-type="{{item.sort}}">{{item.name}}</view>
      </view>
    </view>

    <!-- 列表 -->
    <view class="course-list {{viewType}}">
      <block wx:for="{{courseList}}" wx:key="id">
        <view class="card {{viewType}}">
          <view class="cardimg {{viewType}}">
            <view wx:if="{{ viewType === 'grid'}}" class="label {{item.type}} labelwg {{viewType}}" >{{item.type}}</view>
          </view>
          <view style="padding: 16rpx;" class="title_box {{viewType}}">
            <view class="title">{{item.title}}</view>
            <view class="info">
              <view>
                {{item.grade}}
              </view>
              <view wx:if="{{ viewType === 'grid'}}">
                已有{{item.views}}人下载
              </view>
            </view>
            <view wx:if="{{ viewType === 'grid'}}" style="text-align: center;margin-top: 20rpx;" class="button_box {{viewType}}">
            <button class="preview-btns"><image class="download-icons" src="{{show_1}}" />在线预览</button>
              <image class="download-icon" src="{{xiazi}}" />
          </view>
          </view>
          <view style="display: flex;" wx:if="{{ viewType === 'list'}}">
            <button size="mini" style="padding: 0; background: none; color: #333333;" class="preview-btn">预览</button>
            <button size="mini" style="padding: 0; margin-left: 20rpx; background: none; color: #007aff;" class="preview-btn">下载</button>
          </view>
        </view>
      </block>
    </view>
  </view>
</view>