diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index ea57968..b46e794 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -693,78 +693,3 @@ input[type="number"] { 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; - } - } - } -} diff --git a/src/views/user/index.vue b/src/views/user/index.vue index e5033b6..6dfed21 100644 --- a/src/views/user/index.vue +++ b/src/views/user/index.vue @@ -352,12 +352,27 @@ const handleSelect = async (selection, row) => { width: 476px; } .el-select__selected-item { - height: 54px; - line-height: 54px; + //height: 54px; + //line-height: 54px; + .el-tag { + max-width: none!important; + height: 55px; + font-size: 43px; + .el-icon { + font-size: 51px; + } + } } .el-select__caret{ 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 { min-height: 75px; height: auto !important;