projectBox.wxml 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <view class="projectBox">
  2. <view class="view-page">
  3. <navbar page-name="" back-home="true"></navbar>
  4. <!-- 头部部分 -->
  5. <view class='page-content' style='height:calc(100vh - {{navH}}px)'>
  6. <scroll-view class="marBot" scroll-into-view='{{tolist}}' scroll-y='true' height='214px'>
  7. <view class="header-section">
  8. <view class="left">
  9. <image class="headerImg" src="{{curriculumDetail.img_head_href}}" lazy-load></image>
  10. </view>
  11. <view class="right">
  12. <view class="ys-font18">{{curriculumDetail.c_code}}:{{curriculumDetail.c_name}}</view>
  13. <view v-if="curriculumDetail.isvideo" class="ys-font12 studyTime">学习时长:{{curriculumDetail.video_length}}</view>
  14. <view class="ys-font12">已学{{curriculumDetail.rate}}</view>
  15. <view class="toStudy">
  16. <text>{{curriculumDetail.pcount}}人在学</text>
  17. <view class="btn" wx:if="{{curriculumDetail.rate=='0%'}}" data-collegeId="{{curriculumList.collegeId}}" data-code="{{curriculumDetail.c_code}}" bindtap='gotoProjectDetail'>开始学习</view>
  18. <view class="btn" wx:else data-collegeId="{{curriculumList.collegeId}}" data-code="{{curriculumDetail.c_code}}" bindtap='gotoProjectDetail'>继续学习</view>
  19. </view>
  20. </view>
  21. </view>
  22. <!-- <view class="tabs">
  23. <view class="subtab" bindtap='scrollintro'>介绍</view>
  24. <view class="subtab" bindtap='scrolllist'>目录</view>
  25. </view> -->
  26. <view class="articleText">
  27. <view class="maintitle ys-font18">{{curriculumDetail.c_code}}:{{curriculumDetail.c_name}}</view>
  28. <view class="pingfen">
  29. <view class="left">
  30. <view class="evaluate_score">
  31. <view class="light">
  32. <image wx:for="{{5}}" wx:key="index" src="https://yuesuo.yueguanjia.com/MiniProgram/images/lightstar.png"></image>
  33. </view>
  34. <view class="grey">
  35. <image wx:for="{{5}}" wx:key="index" src="https://yuesuo.yueguanjia.com/MiniProgram/images/greystar.png"></image>
  36. </view>
  37. </view>
  38. <text class="ys-font12">5分</text>
  39. </view>
  40. <!-- <view class="right">
  41. <text class="ys-font12">{{info.name}}</text>
  42. <image class="pingfenImg" src="{{info.imgUrl}}" lazy-load></image>
  43. </view> -->
  44. </view>
  45. <view class="passage-conditions">
  46. <text class="left ys-font12">通过条件</text>
  47. <text class="">学习</text>
  48. <text v-if='curriculumDetail.istest' class="">测验</text>
  49. </view>
  50. <view class="passage-conditions">
  51. <text class="left ys-font12">奖励</text>
  52. <text class="">{{curriculumDetail.credit}}学分</text>
  53. <view wx:if="{{curriculumList.collegeScholarships!==null}}">{{curriculumList.collegeScholarships}}<image class="jb-icon" src="https://yuesuo.yueguanjia.com/MiniProgram/images/jinbi.png" /></view>
  54. </view>
  55. <view class="teacher ys-font12 subtitle">讲师介绍</view>
  56. <view class="head">
  57. <view class="left">
  58. <image class="headImg" src="{{curriculumDetail.t_image_href}}" lazy-load></image>
  59. </view>
  60. <view class="right">
  61. <view class="name">{{curriculumDetail.t_name}}</view>
  62. <view class="introduce goods_name">{{curriculumDetail.t_desc}}</view>
  63. </view>
  64. </view>
  65. <view class="ys-font12 subtitle">课程介绍</view>
  66. <view class="easy-intro">{{curriculumDetail.c_desc}}</view>
  67. <view class="ys-font12 subtitle">课程目录</view>
  68. <view data-collegeId="{{curriculumList.collegeId}}" data-code="{{curriculumDetail.c_code}}" class="project-list" name='list' bindtap='gotoProjectDetail'>
  69. <view class="left">
  70. <view class="ys-font16 project-title">{{curriculumList.collegeName}}</view>
  71. <view class="ys-font12">
  72. <text class="subtitle">{{curriculumList.collegeDesc}}</text>
  73. <text class="process">{{curriculumList.collegeStatus}}</text>
  74. </view>
  75. </view>
  76. <view class="right">
  77. <text class="ys-font12">{{curriculumList.collegeFinish}}</text>
  78. <image class="rightIcon" src="https://yuesuo.yueguanjia.com/MiniProgram/images/littlegrey.png"></image>
  79. </view>
  80. </view>
  81. <view data-testId="{{curriculumList.collegeId}}" data-testFinish="{{curriculumList.testFinish}}" class="project-list"
  82. name='list' bindtap='gototest'>
  83. <view class="left">
  84. <view class="ys-font16 project-title">{{curriculumList.testName}}</view>
  85. <view class="ys-font12">
  86. <text class="subtitle">{{curriculumList.fullCredit}}</text>
  87. <text class="process">{{curriculumList.testResult}}</text>
  88. </view>
  89. </view>
  90. <view class="right">
  91. <text class="ys-font12">{{curriculumList.testFinish}}</text>
  92. <image class="rightIcon" src="https://yuesuo.yueguanjia.com/MiniProgram/images/littlegrey.png"></image>
  93. </view>
  94. </view>
  95. <!-- <view class="nothing ys-font12" id='list'>没有更多了</view> -->
  96. </view>
  97. </scroll-view>
  98. </view>
  99. </view>
  100. </view>