Browse Source

refactor(coach/course/list):重构课程列表页面

- 移除筛选功能,注释相关代码
- 添加查看课程详情功能- 更新课程列表项样式,增加课程信息和状态标签
-调整页面布局,优化样式
master
liutong 1 year ago
parent
commit
fa5b967896
  1. 83
      pages/coach/course/list.vue

83
pages/coach/course/list.vue

@ -45,34 +45,66 @@
<text></text>
</view>
</view>
<view class="btn">
查看更多 <fui-icon name="arrowdown" color="#A4ADB3" size="45"></fui-icon>
</view>
</view>
<view class="section_2">
<view class="item_box">
<fui-dropdown-menu :size="28" selectedColor="#465CFF" :options="options_course" @click="clickCourse" @close="show_course=false" ref="ref_course">
<view class="fui-filter__item" @tap="filterTapCourse">
<text>{{course_name}}</text>
<view class="fui-filter__icon" :class="{'fui-icon__ani':show_course}">
<fui-icon name="turningdown" :size="32" color="#FFF"></fui-icon>
<!-- <view class="section_2">-->
<!-- <view class="item_box">-->
<!-- <fui-dropdown-menu :size="28" selectedColor="#465CFF" :options="options_course" @click="clickCourse" @close="show_course=false" ref="ref_course">-->
<!-- <view class="fui-filter__item" @tap="filterTapCourse">-->
<!-- <text>{{course_name}}</text>-->
<!-- <view class="fui-filter__icon" :class="{'fui-icon__ani':show_course}">-->
<!-- <fui-icon name="turningdown" :size="32" color="#FFF"></fui-icon>-->
<!-- </view>-->
<!-- </view>-->
<!-- </fui-dropdown-menu>-->
<!-- </view>-->
<!-- <view class="item_box">-->
<!-- <fui-dropdown-menu :size="28" selectedColor="#465CFF" :options="options_classroom" @click="clickClassroom" @close="show_classroom=false" ref="ref_classroom">-->
<!-- <view class="fui-filter__item" @tap="filterTapClassroom">-->
<!-- <text>{{classroom_name}}</text>-->
<!-- <view class="fui-filter__icon" :class="{'fui-icon__ani':show_classroom}">-->
<!-- <fui-icon name="turningdown" :size="32" color="#FFF"></fui-icon>-->
<!-- </view>-->
<!-- </view>-->
<!-- </fui-dropdown-menu>-->
<!-- </view>-->
<!-- </view>-->
<view class="section_3">
<view class="ul">
<view class="li" @click="openViewCourseInfo({id:2})">
<view class="top_box">
<view class="center_box">
<view>班级少年班</view>
<view>时间2020-05-25 15:30 - 17:30</view>
<view>课室302
</view>
<view>课程篮球少儿课
</view>
</view>
<view class="right_box">
<view class="tag" style="background:#20caaf;">未开始</view>
<!-- <view class="tag" style="background:#1cd188;">待上课</view>-->
</view>
</view>
</fui-dropdown-menu>
</view>
<view class="item_box">
<fui-dropdown-menu :size="28" selectedColor="#465CFF" :options="options_classroom" @click="clickClassroom" @close="show_classroom=false" ref="ref_classroom">
<view class="fui-filter__item" @tap="filterTapClassroom">
<text>{{classroom_name}}</text>
<view class="fui-filter__icon" :class="{'fui-icon__ani':show_classroom}">
<fui-icon name="turningdown" :size="32" color="#FFF"></fui-icon>
<view class="bottom_box">
<view class="list_box" style="margin-top: 0;">
<view class="hint">
人数30
</view>
<view class="btn">
详情
</view>
</view>
</view>
</fui-dropdown-menu>
</view>
</view>
</view>
<view class="section_3">
<view class="ul">
<view class="li" @click="openViewCourseInfo({id:1})">
<view class="top_box">
<view class="center_box">
@ -124,7 +156,7 @@
</view>
</view>
<view class="right_box">
<view class="tag" style="background:#fad24e;">上课中</view>
<view class="tag" style="background:#e2e2e2;">已结束</view>
<!-- <view class="tag" style="background:#1cd188;">待上课</view>-->
</view>
</view>
@ -284,6 +316,7 @@ export default {
background: #333333 100%;
width: 100%;
padding: 30rpx 28rpx;
padding-bottom: 15rpx;
.ul{
display: flex;
justify-content: space-between;
@ -319,6 +352,13 @@ export default {
}
}
}
.btn{
margin-top: 20rpx;
display: flex;
justify-content: center;
align-items: center;
color: #A4ADB3;
}
}
.section_2{
@ -350,6 +390,7 @@ export default {
border-radius: 22rpx;
background: #434544 100%;
padding: 14rpx 0;
padding-bottom: 30rpx;
display: flex;
flex-direction: column;
.top_box{

Loading…
Cancel
Save