index.wxml 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <!--pages/user/my_course/my_course.wxml-->
  2. <t-pull-down-refresh value="{{enable}}" loadingTexts="{{['下拉刷新', '松手刷新', '正在刷新', '刷新完成']}}" bind:refresh="onRefresh"
  3. bind:scroll="onScroll">
  4. <!-- 包裹页面全部内容 -->
  5. <view class="container">
  6. <view class="list" wx:if="{{list.length>0}}">
  7. <view class="course_item_container" wx:for="{{list}}" wx:for-item="item" wx:key="index">
  8. <view class="course_item ">
  9. <t-image class="cover" src="https://sit-daikan.4dage.com/{{item.thumb}}" mode="aspectFill"
  10. aria-label="{{item.title}}" />
  11. <view class="content">
  12. <view class="title">
  13. {{item.title}}
  14. </view>
  15. <view class="sub_info">
  16. <view class="author">
  17. {{item.organization}}
  18. </view>
  19. <view class="status">
  20. <image class="time" src="../../../imgs/time.png"></image>
  21. <text> {{item.duration}}分钟</text>
  22. </view>
  23. </view>
  24. </view>
  25. </view>
  26. <view class="entry">
  27. <t-count-down class="count" size="small" content="default" time="{{ item.courseStaus.time }}"
  28. format="HH:mm:ss:SSS" theme="square" millisecond> </t-count-down>
  29. <view class="btn">
  30. <t-button theme="danger" size="extra-small" shape="round" wx:if="{{item.courseStaus.status ===0}}"
  31. bindtap="openCouse" data-item="{{item}}">开始课程
  32. </t-button>
  33. <t-button theme="danger" size="extra-small" shape="round" bindtap="openCouse" data-item="{{item}}"
  34. wx:if="{{item.courseStaus.status === 1}}"> 已开始
  35. </t-button>
  36. <t-button size="extra-small" shape="round" wx:if="{{item.courseStaus.status ===2}}">已结束
  37. </t-button>
  38. </view>
  39. </view>
  40. </view>
  41. </view>
  42. <view class="empty" wx:else>
  43. <t-empty image="{{noExhibitionImg}}" t-class-image="t-empty__image" description="暂没数据" />
  44. </view>
  45. <t-back-top text="顶部" scroll-top="{{scrollTop}}" visibility-height="{{100}}" />
  46. </view>
  47. </t-pull-down-refresh>