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] =?UTF-8?q?=E7=8F=AD=E7=BA=A7=E8=AF=A6=E6=83=85=E7=9A=84?=
=?UTF-8?q?=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;
}