# 组件名cap4-color


# 引入

import Cap4Color from 'cap4-pc-ui/lib/cap4-color';
import 'cap4-pc-ui/lib/cap4-color/css/cap4-color.css';

# 基础用法

/**/

export default {
data() {
return {
leftSpan: '请选择颜色',
color: '#999999'
};
}
};
/**/::: demo

<template>
    <div class="demo-block" style="position:relative;">
        <cap4-color v-model="color" :leftSpan="leftSpan"></cap4-color>
    </div>
</template>

<script>
export default {
    data() {
        return {
            leftSpan: '请选择颜色',
            color: '#999999'
        };
    }
};
</script>

:::

# Attributes

参数 说明 类型 可选值 默认值
value 颜色 (选填)) String ''
leftSpan 左文本 (选填)) String
rightSpan 右文本 (选填)) String
创建人:yinyanting