更新记录

1.1.1（2022-12-19）

更新多选框

1.1.0（2022-12-12）

修改模糊搜索报错 添加多选可移动标签

1.0.1（2022-10-26）

添加多选功能

平台兼容性

zy-select 下拉框

zy-select 下拉框参数属性

zy-select 事件

zy-select 使用方式

<template>
    <view class="container">
        <view class="text">基础功能：</view>
        <zySelect :selectList="selectList1" @lineHandler="lineHandler">
        </zySelect>
        <view class="text">模糊搜索：</view>
        <zySelect ref="selectData" :disabled="false" :selectList="selectList" @lineHandler="lineHandler">
        </zySelect>
        <view class="text">多选：</view>
        <zySelect multiple :selectList="selectList" @lineHandler="lineHandler">
        </zySelect>
        <view class="text">清空：</view>
        <zySelect :selectList="selectList" clearable>
        </zySelect>
        <view class="text">自定义添加图标：</view>
        <zySelect :selectList="selectList" :rightIcon="rightIcon" @rightIconHandler="rightIconHandler">
        </zySelect>
        <view class="text">“搜索”按钮：</view>
        <zySelect :selectList="selectList" rightBtn="搜 索" @rightBtnHandler="rightBtnHandler">
        </zySelect>
        <view class="text">自定义样式：</view>
        <zySelect :selectList="selectList" customClass :zy_customCss="zy_customCss">
        </zySelect>
    </view>
</template>
<script>
    import zySelect from '@/uni_modules/zy-select/components/zy-select/zy-select.vue'
    export default {
        components: {
            zySelect,
        },
        data() {
            return {
                selectList1: [{
                    label: "小红",
                    value: "1"
                }, {
                    label: "小明",
                    value: "2"
                }, {
                    label: "小雪",
                    value: "3"
                }],
                selectList: [{
                    label: "李武一",
                    value: "4"
                }, {
                    label: "郑旺",
                    value: "5"
                }, {
                    label: "葛洪",
                    value: "6"
                }, {
                    label: "杨华",
                    value: "7"
                }, {
                    label: "李民",
                    value: "8"
                }, {
                    label: "陈婉",
                    value: "9"
                }],
                rightIcon: 'iconfont icon-saoyisao',
                zy_customCss: {
                    display: "flex",
                    border: "5rpx solid #409EFF",
                    borderRadius: "80rpx",
                    padding: "20rpx 30rpx",
                    height: "70rpx",
                    lineHeight: "70rpx",
                    backgroundColor: "#fff",
                },
            }
        },
        methods: {
            //下拉框点击选择事件
            lineHandler(evt) {
                console.log(evt)
            },
            //下拉框自定义按钮搜索事件
            rightBtnHandler(evt) {
                console.log(evt)
            },
            //下拉框自定义图标事件
            rightIconHandler() {
                console.log("成功！")
            },
        }
    }
</script>

<style lang="scss" scoped>
    .text {
        padding: 30rpx;
        font-size: 26rpx;
        color: #999;
    }
</style>

若使用到多选框中的可移动标签可至主页下载zy-tag配套使用

如使用过程中有任何问题，或者您有一些好的建议，欢迎联系QQ：2360273432