wx-teacher/subpackagestow/show/show.wxml

<!--subpackages/show/show.wxml-->
<view style="background: #f5f5f5; padding: 20rpx 0;">
  <view class="container">

    <!-- 搜索框 -->
    <view class="search-bar">
      <input class="search-input" placeholder="搜索" />
      <image class="search-icon" src="{{sou}}" />
    </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>

    <!-- 课程列表 -->
    <scroll-view
      class="list_boxsss"
      scroll-y="true"
      bindscrolltolower="loadMore"
      lower-threshold="10"
    >
      <view wx:if="{{ viewType === 'grid' }}" class="course-lists">
        <block wx:for="{{courseList}}" wx:key="index">
          <view class="course-items">
            <!-- 视频播放器 -->
            <video class="course-videos" src="{{item.url}}" controls></video>
            <!-- <video class="course-videos" src="{{url}}" controls></video> -->
            <!-- <web-view src="{{pdfurl}}"/> -->
            <!-- <button bindtap="previewPDF">预览 PDF 文件</button> -->
            <!-- <audio
              src="{{audioUrl}}"
              controls
              autoplay
              loop
              poster="{{carousel}}"
              name="语音标题"
              author="作者"
            /> -->

            <!-- 课程名称和介绍 -->
            <view class="course-infos">
              <view class="course-titles">{{item.name}}</view>
              <view class="course-descriptions">{{item.range}}</view>
            </view>
          </view>
        </block>
      </view>
      
      <view wx:else="{{ viewType === 'list' }}" class="course-list">
        <block wx:for="{{courseList}}" wx:key="id">
          <view class="card"  bindtap="goToGoodsList" data-item="{{item}}">
            <view class="cardimg">
              <image style="width: 100%; height: 100%;" src="{{item.cover}}" />
              <view class="label {{item.type === 0 ? 'shipin' : item.type === 1 ? 'yinpin' : item.type === 2 ? 'PDF' : item.type === 3 ? 'PPT' : '图文'}} labelwg" >{{item.type === 0 ? '视频' : item.type === 1 ? '音频' : item.type === 2 ? 'PDF' : item.type === 3 ? 'PPT' : '图文'}}</view>
            </view>
            <view class="item-content">
              <view class="item-title">{{item.name}}</view>
              <view style="display: flex; justify-content: space-between;">
                <view class="item-subtitle">
                  {{item.range}}
                </view>
                <view class="item-download-count">
                已有{{item.download_count}}人下载
                </view>
              </view>
              <view class="item-buttons">
                <button class="preview-btn"><image class="download-icons" src="{{show_1}}" />在线预览</button>
                <image class="download-icon" src="{{xiazi}}" />
              </view>
            </view>
            
          </view>
        </block>
      </view>
      <view wx:if="{{ isLoading }}" class="loading-text">加载中...</view>
      <view wx:elif="{{ !hasMore }}" class="no-more-text">没有更多了</view>
    </scroll-view>

    <float />
  </view>
</view>