show.wxml 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <!--subpackages/show/show.wxml-->
  2. <view style="background: #f5f5f5; padding: 20rpx 0;">
  3. <view class="container">
  4. <!-- 搜索框 -->
  5. <view class="search-bar">
  6. <input class="search-input" placeholder="搜索" />
  7. <image class="search-icon" src="{{sou}}" />
  8. </view>
  9. <!-- 分类 -->
  10. <view class="category-tabs">
  11. <view wx:for="{{categories}}" wx:key="index">
  12. <view class="category-tab {{item.sort === categoriesindex ? 'active' : ''}}" bindtap="tabcategories" data-type="{{item.sort}}">{{item.name}}</view>
  13. </view>
  14. </view>
  15. <!-- 课程列表 -->
  16. <view class="course-lists">
  17. <block wx:for="{{courses}}" wx:key="index">
  18. <view class="course-items">
  19. <!-- 视频播放器 -->
  20. <!-- <video class="course-videos" src="{{item.videoUrl}}" controls></video> -->
  21. <!-- <video class="course-videos" src="{{url}}" controls></video> -->
  22. <web-view src="{{pdfurl}}"/>
  23. <button bindtap="previewPDF">预览 PDF 文件</button>
  24. <!-- <audio
  25. src="{{audioUrl}}"
  26. controls
  27. autoplay
  28. loop
  29. poster="{{carousel}}"
  30. name="语音标题"
  31. author="作者"
  32. /> -->
  33. <!-- 课程名称和介绍 -->
  34. <view class="course-infos">
  35. <view class="course-titles">{{item.title}}</view>
  36. <view class="course-descriptions">{{item.description}}</view>
  37. </view>
  38. </view>
  39. </block>
  40. </view>
  41. </view>
  42. </view>