diff --git a/src/assets/images/pop_arrow.png b/src/assets/images/pop_arrow.png new file mode 100644 index 0000000..3fcfe6b Binary files /dev/null and b/src/assets/images/pop_arrow.png differ diff --git a/src/assets/styles/yxk-admin.scss b/src/assets/styles/yxk-admin.scss index 699cd50..988df85 100644 --- a/src/assets/styles/yxk-admin.scss +++ b/src/assets/styles/yxk-admin.scss @@ -999,4 +999,53 @@ input[type='number'] { .inline-error-item .el-form-item__content{ line-height: normal; margin-bottom: -15px; -} \ No newline at end of file +} + +.el-select-dropdown{ + box-shadow: rgb(51 156 255) 0px 0px 10px 1px inset; + background: rgb(2, 37, 95); + border: none; +} +.el-select-dropdown__item{ + color: #339CFF; +} +.el-select-dropdown__item.hover, +.el-select-dropdown__item:hover{ + background-color: #13439E; +} + +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{ + background-color: transparent; + color: #fff; +} +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{ + background-color: #13439E; + color: #fff; +} +.el-popper[x-placement^=bottom] .popper__arrow{ + width: 15px; + height: 7px; + top: -7px; + background: url('~@/assets/images/pop_arrow.png') no-repeat !important; + border: none; + transform: rotate(180deg); +} +.el-popper[x-placement^=bottom] .popper__arrow::after{ + content: ''; + border: none; +} + +//vue-treeselect +.vue-treeselect__multi-value-item{ + background:#13439E !important; + border: none !important; +} +.vue-treeselect__multi-value-label{ + color: #fff; +} +.vue-treeselect__value-remove{ + border-left: none !important; +} +.vue-treeselect__value-remove > svg{ + color: #fff; +}