svelma-pro

<script>
    import { ColorPicker } from 'svelma-pro'
    let color = "rgba(70,197,85,1)";


    function change(e){
    console.log(e.detail)
    }
    </script>

    <ColorPicker {color} on:change={change} switchs={false}/>

面板模式

<script>
  import { ColorPicker } from 'svelma-pro'
   let color = "rgba(70,197,85,1)";
</script>

<ColorPicker {color} on:change={change}  mode="2"/>

API

Name	Description	Type	Values	Default
`color`	初始化色值,支持hex,rgba,hsla格式色值	String	hex,rgba,hsla	`#1ec131`
`mode`	显示模式,模式1表示按钮模式,2表示面板模式	Number	1,2	`1`
`width`	按钮模式下宽度	String	—	`200px`
`fieldsIndex`	色值类别,0:hex,1:rgba,2:hsla	Number	0,1,2	`0`
`switchs`	是否隐藏颜色格式切换按钮	Boolean	—	`true`

EVENT

Name	Parameters	Description
`change`	—	选择改变事件
`changeEnd`	—	改变完成事件