diff --git a/pages.json b/pages.json index 3ca916a..81976aa 100644 --- a/pages.json +++ b/pages.json @@ -150,7 +150,47 @@ "navigationBarBackgroundColor": "#292929", "navigationBarTextStyle": "white" } + }, + { + "path": "pages/coach/student/info", + "style": { + "navigationBarTitleText": "学员详情", + "navigationStyle": "default", + "navigationBarBackgroundColor": "#29d3b4", + "navigationBarTextStyle": "white" + } + }, + { + "path": "pages/coach/student/work_details", + "style": { + "navigationBarTitleText": "作业任务", + "navigationStyle": "default", + "navigationBarBackgroundColor": "#29d3b4", + "navigationBarTextStyle": "white" + } + }, + { + "path": "pages/coach/student/physical_examination", + "style": { + "navigationBarTitleText": "体测数据", + "navigationStyle": "default", + "navigationBarBackgroundColor": "#29d3b4", + "navigationBarTextStyle": "white" + } + }, + { + "path": "pages/coach/my/index", + "style": { + "navigationBarTitleText": "我的", + "navigationStyle": "custom", + "navigationBarBackgroundColor": "#fff", + "navigationBarTextStyle": "black" + } } + + + + ], "globalStyle": { "navigationBarTextStyle": "white", diff --git a/pages/coach/class/info.vue b/pages/coach/class/info.vue index 6066e86..581e1f7 100644 --- a/pages/coach/class/info.vue +++ b/pages/coach/class/info.vue @@ -34,6 +34,349 @@ + + + + 最近课程 + + + + + 篮球少儿课 + + + 2020.05.30 15:30 - 17:30 + + + + + 篮球少儿课 + + + 2020.05.30 15:30 - 17:30 + + + + + + + + + 班级成员(30) + + + 作业任务 + + + + + + + + + + + + + 即将到期 + + + + 黄明明 + 课程截止时间:2020.05:25 + + + + + 24 + 已上课时 + + + 24 + 剩余课时 + + + + + + + + + 即将到期 + + + + 黄明明 + 课程截止时间:2020.05:25 + + + + + 24 + 已上课时 + + + 24 + 剩余课时 + + + + + + + + + 即将到期 + + + + 黄明明 + 课程截止时间:2020.05:25 + + + + + 24 + 已上课时 + + + 24 + 剩余课时 + + + + + + + + + 即将到期 + + + + 黄明明 + 课程截止时间:2020.05:25 + + + + + 24 + 已上课时 + + + 24 + 剩余课时 + + + + + + + + + 即将到期 + + + + 黄明明 + 课程截止时间:2020.05:25 + + + + + 24 + 已上课时 + + + 24 + 剩余课时 + + + + + + + + + + + + + 黄明明 + 课程截止时间:2020.05:25 + + + + + 24 + 已上课时 + + + 24 + 剩余课时 + + + + + + + + + + + + + + + + + + + 完成率:80% + + + + + 任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容 + + + 发布时间:2021.05.25 + 详情 + + + + + + + + + + + + + 完成率:80% + + + + + 任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容 + + + 发布时间:2021.05.25 + 详情 + + + + + + + + + + + + + 完成率:80% + + + + + 任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容 + + + 发布时间:2021.05.25 + 详情 + + + + + + + + + + + + + 完成率:80% + + + + + 任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容 + + + 发布时间:2021.05.25 + 详情 + + + + + @@ -109,90 +452,223 @@ export default { color: #FFFFFF; .section_1 { - border-radius: 10rpx; - background-color: #525252; - ::v-deep .fui-input__wrap{ - border-radius: 10rpx !important; - background-color: #525252 !important; + background: #333333; + border-radius: 16rpx; + padding: 34rpx 64rpx; + display: flex; + align-items: center; + gap: 38rpx; + .left{ + display: flex; + flex-direction: column; + align-items: center; + gap: 12rpx; + .pic{ + width: 92rpx; + height: 92rpx; + border-radius: 50%; + } } - ::v-deep .fui-input__background{ - background-color: #525252 !important; + .right{ + display: flex; + flex-direction: column; + gap: 12rpx; + .item {} } - .input_item { - height: 60rpx; - ::v-deep .uni-input-wrapper{ - .uni-input-placeholder { - font-size: 28rpx !important; - - } + } + .section_2{ + margin-top: 42rpx; + .title_box{ + font-size: 32rpx; + } + .tag_list{ + margin-top: 26rpx; + display: flex; + align-items: center; + gap: 26rpx; + .item{ + padding-left: 20rpx; + width: 330rpx; + height: 162rpx; + border: 1px solid #00e5bb; + border-radius: 10rpx; + display: flex; + flex-direction: column; + justify-content: center; + gap: 10rpx; } } - ::v-deep .uni-input-input { - color: #fff; + } + + //按钮切换 + .section_3{ + margin-top: 54rpx; + display: flex; + justify-content: center; + align-items: center; + .btn_box{ + border: 1px solid #d7d7d7; + border-radius: 25rpx; + width: 500rpx; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + .btn{ + width: 250rpx; + height: 76rpx; + line-height: 76rpx; + text-align: center; + color: #7F7F7F; + font-size: 26rpx; + } + .select{ + color: #29D3B4; + background-color: #fff; + } } + } - .section_2{ - margin-top: 34rpx; + //班级成员列表 + .section_4{ + margin-top: 40rpx; .ul{ display: flex; flex-direction: column; - gap: 24rpx; + gap: 10rpx; .li{ - background: #404045; - padding: 50rpx 36rpx 46rpx; - border-radius: 16rpx; + padding: 20rpx 0; + padding-bottom: 40rpx; + border-bottom: 2px solid #D7D7D7; display: flex; - gap: 32rpx; + justify-content: space-between; .left{ - .pic{ - border-radius: 50%; - width: 92rpx; - height: 92rpx; - } - } - .right{ display: flex; - flex-direction: column; - gap: 28rpx; + align-items: center; + gap: 30rpx; .box_1{ + padding-left: 20rpx; display: flex; + flex-direction: column; align-items: center; - gap: 36rpx; + justify-content: center; + position: relative; + .pic{ + width: 84rpx; + height: 84rpx; + border-radius: 50%; + } + .tag_box{ + position: absolute; + bottom: -30rpx; + width: 120rpx; + height: 38rpx; + background-color: #F59A23; + border-radius: 4rpx; + line-height: 35rpx; + text-align: center; + font-size: 20rpx; + } + } + .box_2{ + display: flex; + flex-direction: column; + gap: 20rpx; .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; - } + .date{ + font-size: 24rpx; + } + } + } + .right{ + display: flex; + align-items: center; + gap: 14rpx; + .item{ + border: 1px solid #00E5BB; + border-radius: 10rpx; + width: 102rpx; + display: flex; + flex-direction: column; + view{ + text-align: center; + height: 50rpx; + line-height: 50rpx; + } + view:nth-child(1){ + font-size: 32rpx; + background-color: #fff; + color: #00e5bb; + } + view:nth-child(2){ + font-size: 20rpx; + background-color: #00e5bb; + } + } + } + } + } + + } + + .section_5{ + .ul{ + .li{ + padding-top: 32rpx; + padding-bottom: 36rpx; + border-bottom: 2px solid #D7D7D7; + display: flex; + justify-content: space-between; + .left{ + display: flex; + flex-direction: column; + align-items: center; + gap: 12rpx; + .box_1{ + .custom_content{ + font-size: 32rpx; + color: #AAAAAA; } } + .box_2{ + color: #AAAAAA; + font-size: 26rpx; + } + } + .right{ + width: 510rpx; + display: flex; + flex-direction: column; + gap: 16rpx; + .box_1{ + color: #fff; + font-size: 28rpx; + } .box_2{ display: flex; align-items: center; - gap: 44rpx; - .user_list{ - display: flex; - align-items: center; - gap: 14rpx; - image{ - border-radius: 50%; - width: 48rpx; - height: 48rpx; - } + justify-content: space-between; + .date{ + color: #AAAAAAFF; + font-size: 24rpx; + text-align: right; + } + .btn{ + width: 120rpx; + height: 48rpx; + line-height: 40rpx; + border-radius: 8rpx; + background-color: #FFFFFF00; + color: #FAD04DFF; + font-size: 26rpx; + text-align: center; + border: 2rpx solid #FAD04DFF; } - .num{} } - } } } @@ -200,6 +676,10 @@ export default { + + + + } diff --git a/pages/coach/my/index.vue b/pages/coach/my/index.vue new file mode 100644 index 0000000..2f8836f --- /dev/null +++ b/pages/coach/my/index.vue @@ -0,0 +1,309 @@ + + + + + + \ No newline at end of file diff --git a/pages/coach/student/info.vue b/pages/coach/student/info.vue new file mode 100644 index 0000000..4f41690 --- /dev/null +++ b/pages/coach/student/info.vue @@ -0,0 +1,513 @@ + + + + + + \ No newline at end of file diff --git a/pages/coach/student/physical_examination.vue b/pages/coach/student/physical_examination.vue new file mode 100644 index 0000000..270c1e1 --- /dev/null +++ b/pages/coach/student/physical_examination.vue @@ -0,0 +1,127 @@ + + + + + + \ No newline at end of file diff --git a/pages/coach/student/work_details.vue b/pages/coach/student/work_details.vue new file mode 100644 index 0000000..2071fbe --- /dev/null +++ b/pages/coach/student/work_details.vue @@ -0,0 +1,68 @@ + + + + +