chuangte/smartmeter-app
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完成创建班级的弹框页面

Browse Source
This commit is contained in:
libowei 2023-12-08 23:02:31 +08:00
parent 13b6165513
commit c9a49200a7
1 changed files with 51 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
pages/Mystudent/addclass.vue
View File

@ -210,21 +210,25 @@
</view> </view>
</view> </view>
<!-- 班级学生 --> <!-- 班级学生 -->
<view class="caption_class"> <view class="class_body">
<view style="display: flex; align-items: center;"> <view class="caption_flex">
<view>班级学生</view> <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> </view>
<u-upload del-icon="close" deletable="false"></u-upload>
</view> </view>
<!-- 班级老师 --> <!-- 班级老师 -->
<view class="caption_class"> <view class="class_body">
<view style="display: flex; align-items: center;"> <view class="caption_flex">
<view>班级老师</view> <view>班级学生</view>
<view class="caption_top_links">点击头像选择班级老师</view> <view class="caption_boder_text2">点击头像选择班级学员</view>
</view> </view>
<u-upload del-icon="close" deletable="false"></u-upload> <view class="caption_boder">
</view> <view class="class_tp_image"><image src="http://tmp/4cj9prAeuoV015239042fae83018055c4c5c86e5231e.png" mode=""></image></view>
</view>
</view>
<view class="caption_add">添加</view> <view class="caption_add">添加</view>
</view> </view>
</u-popup> </u-popup>
@ -260,17 +264,7 @@ export default {
</script> </script>
<style lang="scss" scoped> <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 { page {
background: #F6F9FC; background: #F6F9FC;
} }
@ -619,5 +613,40 @@ page {
.caption_class{ .caption_class{
margin-top: 40rpx; 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> </style>