fix : select框样式修改
This commit is contained in:
@@ -310,7 +310,7 @@ const handleView = (row) => {
|
||||
isDetailVisited.value = true
|
||||
alarmDetail.value = res.data
|
||||
if (roleKey.value !== 'administrator') {
|
||||
if(!row.lookupStatus){
|
||||
if (!row.lookupStatus) {
|
||||
handleChangeState(row)
|
||||
}
|
||||
}
|
||||
@@ -733,6 +733,33 @@ const initWebSocket = () => {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
:deep(.el-select__wrapper.is-hovering) {
|
||||
.el-select__suffix {
|
||||
.el-icon {
|
||||
font-size: 55px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.el-select__wrapper) {
|
||||
height: 70px;
|
||||
line-height: 70px;
|
||||
background-color: transparent;
|
||||
border: 1px solid #08B7B8;
|
||||
font-size: 35px;
|
||||
width: 476px;
|
||||
|
||||
.el-select__placeholder {
|
||||
height: 70px;
|
||||
line-height: 70px;
|
||||
}
|
||||
|
||||
.el-select__placeholder.is-transparent {
|
||||
height: 70px;
|
||||
line-height: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.el-form-item__content) {
|
||||
.el-select__popper {
|
||||
margin-top: -12px !important;
|
||||
@@ -781,7 +808,7 @@ const initWebSocket = () => {
|
||||
|
||||
.el-input__suffix-inner {
|
||||
.el-icon {
|
||||
font-size: 40px;
|
||||
font-size: 55px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -888,6 +915,22 @@ const initWebSocket = () => {
|
||||
font-size: 38px;
|
||||
font-weight: bold;
|
||||
|
||||
:deep(.el-pagination.is-background ) {
|
||||
.btn-next {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.el-pager {
|
||||
li {
|
||||
margin: 0 0 0 40px;
|
||||
}
|
||||
|
||||
li.is-active {
|
||||
background-color: #60DDDE;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> span:first-child {
|
||||
margin-right: 60px;
|
||||
}
|
||||
@@ -924,7 +967,7 @@ const initWebSocket = () => {
|
||||
}
|
||||
|
||||
:deep(.el-pager li) {
|
||||
margin-left: 40px;
|
||||
margin-left: 40px !important;
|
||||
}
|
||||
|
||||
:deep(.el-pager li:not(.is-active) ) {
|
||||
|
||||
@@ -346,6 +346,13 @@ const handleSelect = async (selection, row) => {
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.user-select {
|
||||
.el-select__wrapper.is-hovering {
|
||||
.el-select__suffix {
|
||||
.el-icon {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-select__wrapper {
|
||||
min-height: 75px;
|
||||
height: auto !important;
|
||||
|
||||
Reference in New Issue
Block a user