diff --git a/pages/coach/home/index.vue b/pages/coach/home/index.vue index 253745f..5020c68 100644 --- a/pages/coach/home/index.vue +++ b/pages/coach/home/index.vue @@ -2,55 +2,58 @@ - 首页 + + 待办 + 发布作业 - - - - - - - 包子皮 - - - - 到课率统计 - 28% - - - 发布作业 - - - - - - - 月授课数 - 12 - 节,月负责学员 - 188 - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - 课程 - 预告 - - - 5/28周五 15:30~17:30 - 301室篮球少儿课程 - - - - 详情 - - + + + + + + + + + + + + + + + + @@ -60,58 +63,52 @@ + - - - 12 - / - 24 - - - 到课率:80% - + + 课程:篮球少儿课 + 时间:2020-05-25 15:30 - 17:30 + 地点:xxx体育馆 302室 - - 班级:少年班 - 时间:2020-05-25 15:30 - 17:30 - 课室:302室 + + + 已签到学生(15/34) + + 查看 + + - 课程:篮球少儿课 + + 尚未发布作业 + - - 上课中 - - + + 上课中 + - - - 12 - / - 24 - - - 到课率:80% - + + 课程:篮球少儿课 + 时间:2020-05-25 15:30 - 17:30 + 地点:xxx体育馆 302室 - - 班级:少年班 - 时间:2020-05-25 15:30 - 17:30 - 课室:302室 - - 课程:篮球少儿课 + + + 应到学生(34) + + 查看 + + - - - 待上课 - + + 待上课 - + 作业批改 @@ -317,14 +314,28 @@ export default { //自定义导航栏 .navbar_section{ + padding: 0 40rpx; display: flex; - justify-content: center; + justify-content: space-between; align-items: center; background: #29d3b4; + view{ + width: 30%; + text-align: center; + } + .left{ + text-align: left; + } .title{ padding: 20rpx 0; font-size: 30rpx; - color: #315d55; + color: #fff; + } + .right{ + padding: 20rpx 0; + font-size: 26rpx; + color: #fff; + text-align: right; } } @@ -421,6 +432,80 @@ export default { } .section_3{ + margin-top: 36rpx; + color: #fff; + font-size: 24rpx; + .title_box{ + display: flex; + flex-direction: column; + .top_box{ + display: flex; + justify-content: space-between; + align-items: center; + text{ + font-size: 30rpx; + } + } + .line{ + width: 90rpx; + height: 2px; + background: #29D3B4; + } + } + .ul{ + margin-top: 30rpx; + display: flex; + flex-direction: column; + gap: 20rpx; + .li{ + border: 1px solid #00E5BB; + position: relative; + border-radius: 22rpx; + background: #434544 100%; + padding: 14rpx 20rpx; + padding-bottom: 44rpx; + display: flex; + flex-direction: column; + .top_box{ + padding-bottom: 18rpx; + border-bottom: 1px dashed #F2F2F2; + display: flex; + flex-direction: column; + gap: 18rpx; + .title{} + } + .botton_box{ + padding-top: 18rpx; + display: flex; + flex-direction: column; + gap: 18rpx; + color: #D7D7D7; + .box{ + display: flex; + justify-content: space-between; + view{ + display: flex; + align-items: center; + } + } + } + .tag{ + position:absolute; + top: 0rpx; + right: 0rpx; + padding: 10rpx; + width: 102rpx; + text-align: center; + font-size: 24rpx; + border-bottom-left-radius: 20rpx; + border-top-right-radius: 20rpx; + } + } + + } + } + + .section_4{ margin-top: 36rpx; color: #fff; font-size: 24rpx; @@ -450,7 +535,7 @@ export default { position: relative; border-radius: 22rpx; background: #434544 100%; - padding: 14rpx 0; + padding: 32rpx 0; display: flex; align-items: center; .left_box{