odjbin/tunnel-cloud-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

邓洁: 测试select样式

Browse Source
This commit is contained in:
邓洁
2024-01-25 22:58:46 +08:00
parent b663fc9ea2
commit 56d25805e1
2 changed files with 93 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/assets/styles/index.scss
View File

@@ -693,3 +693,78 @@ input[type="number"] {
transform: rotate(360deg); transform: rotate(360deg);
} }
} }
.user-select {
.el-select__wrapper{
min-height: 75px;
height: auto !important;
background-color: transparent;
border: 1px solid #08B7B8;
font-size: 35px;
width: 476px;
}
.el-select__selected-item {
height: 54px;
line-height: 54px;
}
.el-select__caret{
font-size: 35px !important;
}
.el-input {
min-height: 75px;
height: auto !important;
}
.el-form-item.is-error .el-input__wrapper {
box-shadow: none;
}
.el-select__popper {
margin-top: -12px !important;
background: #072247 !important;
border: 1px solid #0F82AF !important;
}
.el-popper {
width: auto;
min-width: auto;
margin-left: 0;
box-sizing: border-box;
}
.el-popper__arrow::before {
display: none;
}
.el-select-dropdown__item {
font-size: 38px !important;
height: 60px !important;
line-height: 60px !important;
> span {
color: #FFFFFF;
}
}
.el-select .el-input .el-select__caret {
font-size: 35px !important;
}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
background-color: #064B66 !important;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
background-color: #064B66 !important;
}
.el-select-tags-wrapper {
.el-tag {
padding: 28px 20px !important;
font-size: 35px;
.el-icon {
width: 40px;
height: 40px;
font-size: 40px !important;
}
}
}
}

19
src/views/user/index.vue
View File

@@ -343,11 +343,28 @@ const handleSelect = async (selection, row) => {
</script> </script>
<style lang="scss"> <style lang="scss">
.user-select { .user-select {
.el-select__wrapper{
min-height: 75px;
height: auto !important;
background-color: transparent;
border: 1px solid #08B7B8;
font-size: 35px;
width: 476px;
}
.el-select__selected-item {
height: 54px;
line-height: 54px;
}
.el-select__caret{
font-size: 35px !important;
}
.el-input { .el-input {
min-height: 75px; min-height: 75px;
height: auto !important; height: auto !important;
} }
.el-form-item.is-error .el-input__wrapper {
box-shadow: none;
}
.el-select__popper { .el-select__popper {
margin-top: -12px !important; margin-top: -12px !important;
background: #072247 !important; background: #072247 !important;