wx-teacher/subpackagestow/details/details.wxml

<view style="background: #f5f5f5; padding: 20rpx 0;">
  <view class="container">
    <view class="header">
      <text>{{ itemlist.name }}</text>
      <text>{{itemlist.publisher}} • {{ itemlist.createdAt }}</text>
      <text>{{itemlist.type === 0 ? '视频' : itemlist.type === 1 ? '音频' : itemlist.type === 2 ? 'PDF' : itemlist.type === 3 ? 'PPT' : '图文'}} 适用于 {{ itemlist.range }}</text>
    </view>
    <!-- 预览 -->
    <view class="file-preview">
      <view class="file-preview" wx:if="{{itemlist.type === 0}}">
        <video class="course-videos" src="{{itemlist.url}}" controls></video>
      </view>
      <view class="file-previews" wx:elif="{{itemlist.type === 1}}">
        <audio
          class="course-videos"
          src="{{itemlist.url}}"
          controls
          autoplay
          loop
          poster="{{itemlist.cover}}"
          name="{{itemlist.name}}"
          author="作者"
        />
      </view>
      <view class="file-preview" wx:elif="{{itemlist.type === 2}}">
        <image style="width: 100%; height: 100%;" src="{{itemlist.cover}}" alt="" class="file-placeholder"/>
        <!-- <web-view src="{{itemlist.url}}"/> -->
        <view class="play-button">点击下方按钮预览课件</view>
      </view>
      <view class="file-preview" wx:elif="{{itemlist.type === 3}}">
        <image style="width: 100%; height: 100%;" src="{{itemlist.cover}}" alt="" class="file-placeholder"/>
        <view class="play-button">点击下方按钮预览课件</view>
      </view>
      <view class="file-preview" wx:else>
        <image style="width: 100%; height: 100%;" src="{{itemlist.cover}}" alt="" class="file-placeholder"/>
      </view>
    </view>
    <view class="buttons">
      <button class="preview-btns yulan"><image class="download-iconss" src="{{show_1}}" />在线预览</button>
      <button class="preview-btns shoucang"><image class="download-iconss" src="{{shouchang}}" />收藏</button>
      <button bindtap="goToGoodsLists" data-item="{{itemlist}}" class="download-btn xiazai"><image class="download-iconss" src="{{xia}}" />下载</button>
    </view>
    <view class="related-courses">相关课件推荐</view>
    <!-- 列表 -->
    <view 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.describe}}
              </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>
</view>