diff --git a/pages/coach/class/list.vue b/pages/coach/class/list.vue index 2beed74..687ad3c 100644 --- a/pages/coach/class/list.vue +++ b/pages/coach/class/list.vue @@ -12,89 +12,89 @@ - - - - - - - - - 少年班 - - - 2人即将到期 - + + + + + + + + + 少年班 - - - - - - - - - - - 34 + + 2人即将到期 - - - - + + + + + + + + + + + 34 - - - - 少年班 - - - 2人即将到期 - + + + + + + + + + + 少年班 - - - - - - - - - - - 34 + + 2人即将到期 - - - - + + + + + + + + + + + 34 - - - - 少年班 - - - 2人即将到期 - + + + + + + + + + + 少年班 + + + - - - - - - - 34 + + + + + + + 34 + - + @@ -155,18 +155,97 @@ export default { color: #FFFFFF; .section_1 { - .left{ + 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; + + } + + } + } + ::v-deep .uni-input-input { + color: #fff; + } + } + + .section_2{ + margin-top: 34rpx; + .ul{ display: flex; flex-direction: column; - justify-content: center; - gap: 12rpx; - .pic{ - width: 100rpx; + gap: 24rpx; + .li{ + background: #404045; + padding: 50rpx 36rpx 46rpx; + border-radius: 16rpx; + display: flex; + gap: 32rpx; + .left{ + .pic{ + border-radius: 50%; + width: 92rpx; + height: 92rpx; + } + } + .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; + } + } + } + .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; + } + } + .num{} + } + + } } - .name{} } - .right{} } + + + }