mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
2144a78880
* feat(components): [color-picker-panel] externalize color-picker chore: save chore: save chore: save test passing chore: save chore: save chore: save chore: save chore: save styles chore: save chore: save chore: save chore: save chore: save chore: cleanup chore: save chore: minor tweaks * chore: better doc Co-authored-by: btea <2356281422@qq.com> * chore: address pr review Co-authored-by: qiang <qw13131wang@gmail.com> * chore: fix * chore: remove extra ̀`.valuè` * docs: delete useless class in the examples * chore: apply review Co-authored-by: sea <45450994+warmthsea@users.noreply.github.com> * style: add content-box * chore: use gap instead of margin Co-authored-by: kooriookami <38392315+kooriookami@users.noreply.github.com> * chore: use pure Co-authored-by: sea <45450994+warmthsea@users.noreply.github.com> * chore: remove extra style * chore: apply koo review Co-authored-by: kooriookami <38392315+kooriookami@users.noreply.github.com> Co-authored-by: kooriookami <38392315+kooriookami@users.noreply.github.com> * chore: apply narrow screen style Co-authored-by: 知晓同丶 <zhixiaotong.me@qq.com> * docs: delete redundant types --------- Co-authored-by: btea <2356281422@qq.com> Co-authored-by: qiang <qw13131wang@gmail.com> Co-authored-by: warmthsea <2586244885@qq.com> Co-authored-by: sea <45450994+warmthsea@users.noreply.github.com> Co-authored-by: kooriookami <38392315+kooriookami@users.noreply.github.com> Co-authored-by: 知晓同丶 <zhixiaotong.me@qq.com>
24 lines
345 B
Vue
24 lines
345 B
Vue
<template>
|
|
<el-color-picker-panel
|
|
v-model="color"
|
|
disabled
|
|
show-alpha
|
|
:predefine="predefineColors"
|
|
/>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ref } from 'vue'
|
|
|
|
const color = ref('#ff6900')
|
|
const predefineColors = [
|
|
'#ff4500',
|
|
'#ff8c00',
|
|
'#ffd700',
|
|
'#90ee90',
|
|
'#00ced1',
|
|
'#1e90ff',
|
|
'#c71585',
|
|
]
|
|
</script>
|