You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.0 KiB
51 lines
1.0 KiB
<template> |
|
<el-select v-model="value" placeholder="Select" class="custom-select"> |
|
<el-option |
|
v-for="item in options" |
|
:key="item.value" |
|
:label="item.label" |
|
:value="item.value" |
|
/> |
|
</el-select> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
data() { |
|
return { |
|
value: null, |
|
options: [ |
|
{value: '1', label: 'Option 1', disabled: false}, |
|
{value: '2', label: 'Option 2', disabled: false}, |
|
{value: '3', label: 'Option 3', disabled: true}, |
|
] |
|
}; |
|
} |
|
}; |
|
</script> |
|
|
|
<style scoped lang="scss"> |
|
.custom-select { |
|
width: 144px; |
|
height: 30px; |
|
background: #1C3472 !important; |
|
color: #ffffff !important; |
|
} |
|
|
|
::v-deep .el-select .el-input__inner { |
|
background-color: #1C3472 !important; |
|
color: #ffffff !important; |
|
} |
|
|
|
::v-deep .el-option, |
|
::v-deep .el-select-dropdown__item { |
|
background-color: #1C3472 !important; |
|
color: #ffffff !important; |
|
} |
|
|
|
::v-deep .el-option:hover, |
|
::v-deep .el-select-dropdown__item:hover { |
|
background-color: #0f2557 !important; |
|
} |
|
</style> |
|
|
|
|