|
|
|
@ -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{ |
|
|
|
|