From c9a49200a7ba7ee3bfdde49ca145167d87e69bec Mon Sep 17 00:00:00 2001
From: libowei <3423564950@qq.com>
Date: Fri, 8 Dec 2023 23:02:31 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=88=9B=E5=BB=BA?=
=?UTF-8?q?=E7=8F=AD=E7=BA=A7=E7=9A=84=E5=BC=B9=E6=A1=86=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
pages/Mystudent/addclass.vue | 73 +++++++++++++++++++++++++-----------
1 file changed, 51 insertions(+), 22 deletions(-)
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>
From d147820960a85243af8362121f8b8898899aeadc Mon Sep 17 00:00:00 2001
From: libowei <3423564950@qq.com>
Date: Tue, 12 Dec 2023 09:16:13 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E7=8F=AD=E7=BA=A7=E8=AF=A6=E6=83=85?=
=?UTF-8?q?=E7=9A=84=E4=B8=8B=E6=8B=89=E5=A2=9E=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
pages/Mystudent/addclass.vue | 60 +++++++++++++++++++++++++++++++++---
1 file changed, 55 insertions(+), 5 deletions(-)
diff --git a/pages/Mystudent/addclass.vue b/pages/Mystudent/addclass.vue
index d8da65d..cb90847 100644
--- a/pages/Mystudent/addclass.vue
+++ b/pages/Mystudent/addclass.vue
@@ -205,9 +205,18 @@
<!-- 班级标签 -->
<view>
<view class="caption_top">班级标签</view>
- <view class="caption_input">
- <u-input v-model="labels" :type="type" :border="border" placeholder="请输入班级名称"/>
- </view>
+ <!-- 弹出层 -->
+ <u-select v-model="show2" :list="list" @confirm="confirm"></u-select>
+
+ <view class="caption_input">
+ <u-form-item :border-bottom="false" :right-icon="icons" class="no-padding">
+ <u-input v-model="form.name" @click="showPopup" placeholder="请输入班级标签"/>
+ </u-form-item>
+ </view>
+
+
+
+
</view>
<!-- 班级学生 -->
<view class="class_body">
@@ -246,25 +255,66 @@ export default {
labels:'',
// 弹出层的变量
show: false,
+ // 下拉框
+ show2:false,
+ form:{
+ name: ''
+ },
+ list: [
+ {
+ value: '1',
+ label: '听力'
+ },
+ {
+ value: '2',
+ label: '阅读'
+ },
+ {
+ value: '3',
+ label: '写作'
+ },
+ {
+ value: '4',
+ label: '口语'
+ }
+ ],
+ icons:'arrow-down-fill',
+ icons_rigth:'arrow-down-fill',
+ icons_top:'arrow-up-fill',
+
bgc: {
backgroundColor: "#F6F9FC",
},
checkindex: 0,
+
+
}
},
methods: {
// 创建班级点击事件
create(){
this.show = !this.show
- console.log('111')
+ },
+ showPopup(){
+ this.show2 =!this.show2
+ this.icons= this.icons_top
+ },
+ confirm(e){
+ this.icons= this.icons_rigth
+ e.forEach(item=>{
+ this.form.name=item.label
+ })
}
+
}
}
</script>
<style lang="scss" scoped>
-
+.no-padding /deep/ .u-form-item {
+ padding: 0;
+}
page {
background: #F6F9FC;
}