diff --git a/pages/Mystudent/addclass.vue b/pages/Mystudent/addclass.vue index 9bdfab7..d8da65d 100644 --- a/pages/Mystudent/addclass.vue +++ b/pages/Mystudent/addclass.vue @@ -210,21 +210,25 @@ </view> </view> <!-- 班级学生 --> - <view class="caption_class"> - <view style="display: flex; align-items: center;"> + <view class="class_body"> + <view class="caption_flex"> <view>班级学生</view> - <view class="caption_top_links">点击头像选择班级学员</view> + <view class="caption_boder_text2">点击头像选择班级学员</view> + </view> + <view class="caption_boder"> + <view class="class_tp_image"><image src="http://tmp/4cj9prAeuoV015239042fae83018055c4c5c86e5231e.png" mode=""></image></view> </view> - <u-upload del-icon="close" deletable="false"></u-upload> </view> <!-- 班级老师 --> - <view class="caption_class"> - <view style="display: flex; align-items: center;"> - <view>班级老师</view> - <view class="caption_top_links">点击头像选择班级老师</view> - </view> - <u-upload del-icon="close" deletable="false"></u-upload> - </view> + <view class="class_body"> + <view class="caption_flex"> + <view>班级学生</view> + <view class="caption_boder_text2">点击头像选择班级学员</view> + </view> + <view class="caption_boder"> + <view class="class_tp_image"><image src="http://tmp/4cj9prAeuoV015239042fae83018055c4c5c86e5231e.png" mode=""></image></view> + </view> + </view> <view class="caption_add">添加</view> </view> </u-popup> @@ -260,17 +264,7 @@ export default { </script> <style lang="scss" scoped> -::v-deep .u-add-wrap { - width: 96rpx !important; - height: 96rpx !important; - background: #FFFFFF !important; - border-radius: 20rpx 20rpx 20rpx 20rpx; - border: 2rpx solid #DDE2EE; - .u-add-tips{ - display: none; - } - } - + page { background: #F6F9FC; } @@ -619,5 +613,40 @@ page { .caption_class{ margin-top: 40rpx; } + + .class_body{ + margin-top: 40rpx; + .caption_flex{ + display: flex; + align-items: center; + .caption_boder_text2{ + font-size: 23rpx; + font-weight: 500; + color: #2D7CE6; + } + } + .caption_boder{ + position: relative; + width: 96rpx; + height: 96rpx; + background: #FFFFFF; + border-radius: 20rpx 20rpx 20rpx 20rpx; + border: 2rpx solid #DDE2EE; + margin-top: 17rpx; + .class_tp_image{ + position: absolute; + top: 28rpx; + right: 32rpx; + bottom: 0; + width: +28rpx; + height: +28rpx; + } + + } + } + + } </style>