hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-11 11:56:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

style：修改树形选择框下拉样式

Browse Source
This commit is contained in:
songwc
2022-10-22 16:30:01 +08:00
parent 50be89b46d
commit 10413f4f82
1 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/drawers/AddLevelAddStu.vue
View File

@@ -98,7 +98,7 @@
<a-tree-select <a-tree-select
v-model:value="valueSelect" v-model:value="valueSelect"
style="width: 200px" style="width: 200px"
dropdownClassName="dropdownn" dropdownClassName="changetreedropdown"
:dropdown-style="{ :dropdown-style="{
maxHeight: '400px', maxHeight: '400px',
overflow: 'auto', overflow: 'auto',
@@ -1006,12 +1006,14 @@ export default {
} }
} }
} }
.tab2 { .tab2 {
display: flex; display: flex;
align-items: center; align-items: center;
margin-top: 10px; margin-top: 10px;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
.t1 { .t1 {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -1022,9 +1024,9 @@ export default {
font-size: 14px; font-size: 14px;
white-space: nowrap; white-space: nowrap;
} }
.dropdownn {
background-color: red; .ant-select-dropdown {
border-radius: 10px; min-width: 800px !important;
} }
.ant-select { .ant-select {
border-radius: 8px !important; border-radius: 8px !important;
@@ -1202,4 +1204,14 @@ export default {
} }
} }
} }
.changetreedropdown {
width: 550px !important;
}
.ant-select-tree-list-scrollbar {
width: 5px !important;
.ant-select-tree-list-scrollbar-thumb {
background-color: #4ea6ff !important;
}
}
</style> </style>