更新记录

1.1.0(2021-06-02)

修复了一个bug 该bug曾导致:点击组件,可拖动区域的数据会混乱

1.0.0(2021-05-31)

第一次提交的


平台兼容性

插件使用方法:

<color-picker-lay @confirm="confirm" :colorList="colorList"></color-picker-lay>

配置参数:

属性名 类型 默认值 说明
colorList Array 一大堆颜色值 自定义颜色会覆盖默认 格式:["颜色","颜色","颜色",...]

事件:

事件名 说明 返回值
@confirm 点击确认或者推荐颜色组触发的事件 颜色值

说明:

此插件依赖scss,请务必安装!!!

示例:

     <template>
        <view class="content">
            <input type="text" :style="{'background':bg}">
            <color-picker-lay @confirm="confirm" :colorList="colorList"></color-picker-lay>
        </view>
     </template>

     <script>
        export default {
            data() {
                return {
                    bg: "",
                    colorList: [
                        '#000000', '#222222'
                    ]
                }
            },
            onLoad() {

            },
            methods: {
                confirm(e) {
                    this.bg = e;
                    console.log(e)
                }
            }
        }
     </script>

     <style lang="scss">
        .content {
            padding: 20vw;
            background: #666;

            input {
                width: 150px;
                border: 2px solid #fff;
                padding: 20px;
                margin-bottom: 20px;
            }
        }
     </style>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问