diff --git a/pages/coach/class/list.vue b/pages/coach/class/list.vue index a06aa9f..dbb8dc6 100644 --- a/pages/coach/class/list.vue +++ b/pages/coach/class/list.vue @@ -8,152 +8,89 @@ - - - 周日 - 14 - - - - 周一 - 14 - - - - 周二 - 14 - - - - 周日 - - - - - 周一 - 14 - - - - 周二 - 14 - - - - 周二 - 14 - - - + - - - - {{course_name}} - - + + + + - - - - - - - {{classroom_name}} - - - - - - - - - - - - - - - 班级:少年班 - 时间:2020-05-25 15:30 - 17:30 - 课室:302室 - - 课程:篮球少儿课 + + + + 少年班 + + + 2人即将到期 + - - - 上课中 - - - - - - 已签到学生 (15/34) - - - - + + + + + - - - - - - - - - 详情 + 34 - - - - - 班级:少年班 - 时间:2020-05-25 15:30 - 17:30 - 课室:302室 + + + + + + + + 少年班 + + + 2人即将到期 + - 课程:篮球少儿课 + + + + + + + + + + + 34 - - 上课中 - - - - - 已签到学生 (15/34) + + + - - - - + + + + 少年班 - - + + 2人即将到期 - + + + + - - - - - 详情 + 34 - @@ -275,146 +212,104 @@ export default { .main_section{ min-height: 100vh; background: #292929 100%; + padding: 0 24rpx; padding-top: 40rpx; padding-bottom: 150rpx; font-size: 24rpx; color: #FFFFFF; - .section_1{ - background: #333333 100%; - width: 100%; - padding: 30rpx 28rpx; - .ul{ - display: flex; - justify-content: space-between; - align-items: center; - .li{ - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - gap: 10rpx; - text{ - font-size: 24rpx; - color: #FFFFFF; - text-align: center; - } - text:nth-child(2){ - width: 44rpx; - height: 44rpx; - } - text:nth-child(3){ - width: 8rpx; - height: 8rpx; - } - .today{ - border-radius: 50%; - background: #29D3B4; - text-align: center; - line-height: 42rpx; - } - .select_plan{ - background: #F59A23; - border-radius: 50%; - } - } + .section_1 { + border-radius: 10rpx; + background-color: #525252; + ::v-deep .fui-input__wrap{ + border-radius: 10rpx !important; + background-color: #525252 !important; } - } + ::v-deep .fui-input__background{ + background-color: #525252 !important; + } + .input_item { + height: 60rpx; + ::v-deep .uni-input-wrapper{ + .uni-input-placeholder { + font-size: 28rpx !important; + + } - .section_2{ - margin-top: 30rpx; - padding: 0 20rpx ; - color: #fff; - display: flex; - align-items: center; - gap: 20rpx; - .item_box { - width: 45%; - .fui-filter__item { - display: flex; } } + ::v-deep .uni-input-input { + color: #fff; + } } - .section_3{ - margin-top: 36rpx; - color: #fff; - font-size: 24rpx; + .section_2{ + margin-top: 34rpx; .ul{ - padding: 0 26rpx; display: flex; flex-direction: column; - gap: 30rpx; + gap: 24rpx; .li{ - position: relative; - border-radius: 22rpx; - background: #434544 100%; - padding: 14rpx 0; + background: #404045; + padding: 50rpx 36rpx 46rpx; + border-radius: 16rpx; display: flex; - flex-direction: column; - .top_box{ - padding: 20rpx 30rpx; - .center_box{ - display: flex; - flex-direction: column; - gap: 10rpx; - view{} - } - .right_box{ - .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; - } + gap: 32rpx; + .left{ + .pic{ + border-radius: 50%; + width: 92rpx; + height: 92rpx; } } - .bottom_box{ - border-top: 1px dashed #F2F2F2; - padding: 26rpx 16rpx 0 26rpx; - .hint{ - color:#D7D7D7; + .right{ + display: flex; + flex-direction: column; + gap: 28rpx; + .box_1{ + display: flex; + align-items: center; + gap: 36rpx; + .name{ + font-size: 28rpx; + } + .btn_box{ + view{ + border: 1px solid #FAD04D; + border-radius: 10rpx; + width: 182rpx; + height: 48rpx; + line-height: 42rpx; + text-align: center; + font-size: 26rpx; + color: #FAD04D; + } + } } - .list_box{ - margin-top: 22rpx; + .box_2{ display: flex; - justify-content: space-between; align-items: center; - .list{ + gap: 44rpx; + .user_list{ display: flex; align-items: center; gap: 14rpx; - .itme{ - image{ - width: 48rpx; - height: 48rpx; - border-radius: 50%; - } + image{ + border-radius: 50%; + width: 48rpx; + height: 48rpx; } } - .btn{ - border: 1px solid #FAD04D; - border-radius: 10rpx; - background: #434544; - color: #FAD04D; - width: 110rpx; - height: 60rpx; - line-height: 55rpx; - text-align: center; - font-size: 24rpx; - } + .num{} } + } } - } } + + } diff --git a/pages/coach/course/info.vue b/pages/coach/course/info.vue index 16861ea..ab4da17 100644 --- a/pages/coach/course/info.vue +++ b/pages/coach/course/info.vue @@ -146,7 +146,7 @@ export default { } -