diff --git a/pages/student/index/job_list.vue b/pages/student/index/job_list.vue index 81f1d2c..b26d220 100644 --- a/pages/student/index/job_list.vue +++ b/pages/student/index/job_list.vue @@ -3,55 +3,124 @@ 课后作业 - - - - - - - 时间:2020.05:25 15:30 - - - 作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述 - - - - - - 班级作业 - - - - - - - - 时间:2020.05:25 15:30 - - - 作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述 - - - - - - 个人作业 - - - + + + + + + + + + + + + 时间:{{v.submit_time}} + + + + + + + + + + + + + {{v.type == 1 ? '班级作业' : '个人作业'}} + + + + + + @@ -61,6 +130,10 @@ height: 100vh; background: #292929; overflow: auto; + + .table_list{ + padding-bottom: 150rpx; + } } .after-class-title { width: 92%; @@ -79,7 +152,16 @@ padding: 30rpx; margin-top: 20rpx; border-bottom: 2rpx #fff solid; - position: relative; + .date_box{ + padding-top: 30rpx; + display: flex; + justify-content: space-between; + align-items: center; + .describe{ + width: 75%; + color: #fff; + } + } } .con-list-img{ width: 100%; @@ -87,6 +169,16 @@ display: flex; align-items: center; justify-content: center; + + video{ + width: 100%; + height: 280rpx; + } + image{ + width: 100%; + height: 280rpx; + } + } .pic{ width: 85%; @@ -98,9 +190,6 @@ padding-top: 30rpx; } .mark{ - position: absolute; - right: 8%; - bottom: 23%; width: 70rpx; height: 70rpx; border-radius: 100%; @@ -114,14 +203,16 @@ height: 80%; } .assignment{ - position: absolute; - right: 3%; - bottom: 10%; - width: 150rpx; - text-align: center; - border-radius: 10rpx; - padding: 6rpx 12rpx; - color: #6b9d53; - border: 2rpx #6b9d53 solid; + display: flex; + justify-content: flex-end; + align-items: center; + view{ + padding: 6rpx 12rpx; + color: #6b9d53; + border: 2rpx #6b9d53 solid; + border-radius: 10rpx; + width: 150rpx; + text-align: center; + } }