更新记录

1.0.4.3（2022-07-10） 下载此版本

新增头部选中插槽

1.0.4.2（2022-07-10） 下载此版本

修复取消选择时头部显示的还是上一次问题，修复一些已知问题

1.0.4.1（2022-06-23） 下载此版本

修复drop-item-menu组件自定义字段不显示问题

平台兼容性

drop-down --下拉筛选菜单，多平台测试通过，不支持的平台暂未测试

filterData 格式和默认值设置

在 filterData 筛选列表中为需要选中的项添加 checked: true 即可，checked 不存或 checked：false 则不选中

const filterData = [{
    name: '价格',
    type: 'radio',
    submenu: [{
        name: '200-300',
    },{
        name: '500-600',
        checked: true //默认选中
    }]
}]

使用

从uniapp插件市场导入

<template>
    <view class="index">
        <drop-down :filterData="filterData" @confirm="confirm"></drop-down>
    </view>
</template>

<script>
    import data from '@/common/data.js'; //筛选菜单数据
    export default {
        data() {
            return {
                filterData: [],
            };
        },
        onLoad() {
            this.filterData = data;
        },
        methods: {
            confirm(e) {
                // 返回值为一个数组
                console.log('eeee', e);
            },
        },
    }
</script>

描述

组件内部使用scss进行书写样式，主题色是使用根目录下的uni.scss中的 $uni-color-primary，使用HBuildX创建uniapp项目之后根目录下会自动创建uni.scss文件，如需修改主题色可以使用快捷键 Ctrl+F 输入 $uni-color-primary 并选择 本插件目录名称 drop-dowm 全部替换即可。

参数

可选参数属性列表

Event 事件

Slot 插槽

OSCS

参考

参考 HM-filterDropdown 下拉式筛选菜单