1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
| <template>
| <el-color-picker
| :predefine="predefineColors"
| v-model="themeVal"
| size="mini"
| style="padding-top:18px;"
| class="theme-picker"
| popper-class="theme-picker-dropdown"/>
| </template>
|
| <script>
| import color from '@/mixins/color'
| export default {
| name: 'TopColor',
| mixins: [color()],
| data() {
| return {
| chalk: '',
| predefineColors: [
| '#ff4500',
| '#ff8c00',
| '#ffd700',
| '#90ee90',
| '#00ced1',
| '#1e90ff',
| '#c71585'
| ]
| }
| }
| }
| </script>
|
| <style>
| .theme-picker .el-color-picker__trigger {
| vertical-align: middle;
| }
|
| .theme-picker-dropdown .el-color-dropdown__link-btn {
| display: none;
| }
| </style>
|
|
