ColorDisk 色盘

色盘

square：

• H：度
• S：%
• B：%
• R：
• G：
• B：
• #

<lee-color-disk :width="200" :height="200" @complete="complete"  shape="square"></lee-color-disk>

<script>
    export default {
        data() {
              return {
              color:''  
              }
          },
          watch: {
          },
          methods:{
          complete(color){
           this.color='#'+color
          }
          },
          mounted(){
          }
    }
</script>

显示代码

circle：

<lee-color-disk :width="300" :height="300" @complete="complete"></lee-color-disk>

<script>
    export default {
        data() {
              return {
              color:''  
              }
          },
          watch: {
          },
          methods:{
          complete(color){
           this.color='#'+color
          }
          },
          mounted(){
          }
    }
</script>

显示代码

ColorDisk 属性

参数	说明	类型	可选值	默认值
width	色盘宽度	Number	--	300
height	色盘高度	Number	--	300
shape	色盘形状	String	circle,square	circle

事件

事件名称	说明	回调参数
complete	选择什么颜色	16进制颜色值