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

Merge pull request '邓洁: 测试select样式' (#253) from dengjie into dev

Browse Source 
Reviewed-on: http://git.feashow.cn/clay/tunnel-cloud-web/pulls/253
This commit is contained in:
odjbin
2024-01-25 15:14:58 +00:00
parent 8292f250a5 00257537a2
commit b8a13612b4
2 changed files with 17 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -693,78 +693,3 @@ 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

@@ -352,12 +352,27 @@ const handleSelect = async (selection, row) => {
width: 476px; width: 476px;
} }
.el-select__selected-item { .el-select__selected-item {
height: 54px; //height: 54px;
line-height: 54px; //line-height: 54px;
.el-tag {
max-width: none!important;
height: 55px;
font-size: 43px;
.el-icon {
font-size: 51px;
}
}
} }
.el-select__caret{ .el-select__caret{
font-size: 35px !important; font-size: 35px !important;
} }
.el-select-dropdown__item.is-hovering {
background-color: #064B66 !important;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after {
width: 42px;
height: 42px;
}
.el-input { .el-input {
min-height: 75px; min-height: 75px;
height: auto !important; height: auto !important;