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});
最后编辑: 秦永莲  文档更新时间: 2024-07-26 14:15   作者:秦永莲