feat:修改添加学员抽屉样式

This commit is contained in:
songwc
2022-10-22 16:04:06 +08:00
parent f93ee5abbc
commit b3922a5bb0

View File

@@ -98,11 +98,11 @@
<a-tree-select
v-model:value="valueSelect"
style="width: 200px"
dropdownClassName="dropdownn"
:dropdown-style="{
maxHeight: '400px',
overflow: 'auto',
width: '400px',
}"
dropdownClassName="dropdown"
placeholder="请输入组织名称"
allow-clear
tree-default-expand-all
@@ -366,6 +366,48 @@ export default {
{
title: "五级标题",
value: "五级标题",
children: [
{
title: "六级标题",
value: "六级标题",
children: [
{
title: "七级标题",
value: "七级标题",
children: [
{
title: "八级标题",
value: "八级标题",
children: [
{
title: "九级标题",
value: "九级标题",
children: [
{
title: "十级标题",
value: "十级标题",
children: [
{
title: "十一级标题",
value: "十一级标题",
children: [
{
title: "十二级标题",
value: "十二级标题",
},
],
},
],
},
],
},
],
},
],
},
],
},
],
},
],
},
@@ -699,6 +741,7 @@ export default {
],
});
const closeDrawer = () => {
state.activeKey = "1";
ctx.emit("update:AddSvisible", false);
};
@@ -744,6 +787,7 @@ export default {
height: 73px;
border-bottom: 1px solid #e8e8e8;
display: flex;
flex-shrink: 0;
justify-content: space-between;
align-items: center;
// background-color: red;
@@ -775,6 +819,7 @@ export default {
.t1 {
display: flex;
align-items: center;
margin-bottom: 5px;
}
.nameinp {
display: flex;
@@ -954,6 +999,11 @@ export default {
justify-content: center;
// position: absolute;
// bottom: 20px;
.ant-pagination-item,
.ant-pagination-prev,
.ant-pagination-next {
margin-bottom: 10px;
}
}
}
.tab2 {
@@ -965,14 +1015,20 @@ export default {
.t1 {
display: flex;
align-items: center;
margin-bottom: 5px;
}
.organize {
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
white-space: nowrap;
}
.dropdownn {
background-color: red;
border-radius: 10px;
}
.ant-select {
border-radius: 8px !important;
// background-color: red;
}
.ant-cascader {
width: 264px;
@@ -985,11 +1041,6 @@ export default {
height: 40px;
}
}
.ant-tree-select {
.dropdown {
width: 800px !important;
}
}
}
.searchdown {