更新记录

1.0.2（2020-07-10） 下载此版本

更新小程序里value错误

1.0.1（2020-07-09） 下载此版本

支持设置文字和图标的 Switch

说明： 1、支持H5和微信小程序，其他终端未测试过 2、支持更换颜色风格 3、支持文字选择 和 图标选择2种模式

平台兼容性

支持设置文字和图标的 Switch

说明： 1、支持H5和微信小程序，其他终端未测试

2、支持更换颜色风格

3、支持文字选择 和 图标选择2种模式

使用方法：

1、导入插件或下载插件包，把插件放到对应的目录

2、直接在html 代码里使用

<yjy-switch
    @switchFunction="switchChangeFun"
    :switchType="'icon'"
    :defaultColor="'#fd5c25'"
    :highColor="'#FFFFFF'"
    :defaultValue="switchDefaultValue"
    :switchList="switchListIcon"
    :itemIndex="0"
></yjy-switch>

3、在JS代码里需要定义switch所需要的数组和方法

<script>

    export default {

        data() {
            return {
                //设置默认值
                switchDefaultValue: 0,
                //文本switch的可选值，仅支持2个数组
                switchListText: [{
                        title: '是',
                        value: 1
                    },
                    {
                        title: '否',
                        value: 0
                    }
                ],
                //图标switch可选值，value为字体图标名称。仅支持2个值
                switchListIcon: [{
                        title: 'uni-icon-qq',
                        value: 0
                    },
                    {

                        title: 'uni-icon-weixin',
                        value: 1
                    }
                ] 
            };
        },
        methods: {
            //切换事件
            switchChangeFun(e) {
                console.log('触发 switchChangeFun');
                console.log(e);
                //重新赋值，改变该值用于设置switch默认值
                this.switchDefaultValue = e.swithcSelectItem.value;
            }
        }
    };
</script>

属性说明

switchList 默认值（文本模式）

[
  {
     title: '是',
     value: 1

  },
  {
     title: '否',
     value: 0
  }
]

实操案例请下载示例跑起来看看