36 lines
585 B
Vue
36 lines
585 B
Vue
<template>
|
|
<el-color-picker
|
|
:predefine="[
|
|
'#409EFF',
|
|
'#1890ff',
|
|
'#304156',
|
|
'#212121',
|
|
'#11a983',
|
|
'#13c2c2',
|
|
'#6959CD',
|
|
'#f5222d'
|
|
]"
|
|
class="theme-picker"
|
|
popper-class="theme-picker-dropdown"
|
|
/>
|
|
</template>
|
|
|
|
<script setup lang="ts"></script>
|
|
|
|
<style>
|
|
.theme-message,
|
|
.theme-picker-dropdown {
|
|
z-index: 9999 !important;
|
|
}
|
|
|
|
.theme-picker .el-color-picker__trigger {
|
|
height: 26px !important;
|
|
width: 26px !important;
|
|
padding: 2px;
|
|
}
|
|
|
|
.theme-picker-dropdown .el-color-dropdown__link-btn {
|
|
display: none;
|
|
}
|
|
</style>
|