Color
颜色选择器。
新增属性
- 属性说明:
参数名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
theme | string | 否 | input | input,mini,minitext |
colors | Array | 否 | [‘#F53F3F’,’#FF7D00’, ‘#FFF258’,’#00B42A’,’#14C9C9’, ‘#4E83FD’,’#722ED1’, ‘#333333’,’#555555’,’#7F7F7F’, ‘#AAAAAA’,’#D7D7D7’, ‘#E5E6EB’,’#FFFFFF’,] | 背景颜色 |
使用方法
- 代码示例:
// 在script标签中按需引入 import { Color } from '@jecloud/ui'; export default { components: { Color }, setup() { const data = reactive({ value: "#3C45A0", }); return { data }; }, }; // 在vue的template标签中 <Color v-model:value="data.value" theme="mini" />
- 事件脚本示例:
const { Color } = JE.useUi(); const { h, ref }= JE.useVue(); const colorValue = ref(""); return h(Color, {value:colorValue.value});
- 注意:
本方法依赖于simonwep/pickr工具类库。
具体内容可参考详细API: https://github.com/Simonwep/pickr
最后编辑: 秦永莲 文档更新时间: 2024-08-08 13:51 作者:秦永莲