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

去 github 给个收费的Star吧！！

参数

可选参数属性列表

参数名阐明类型是否必填默认值
filterData筛选列表Array是[]
childName子级菜单字段名String否submenu
fileds显示字段String否name
isChild返回后果时是否一并返回子菜单Boolean否false
autoStow抉择实现是否主动收起菜单，仅列表模式无效Boolean否true
resetStow重置参数后主动收起菜单Boolean否false
confirm菜单收起时返回赛选后果Function否[]

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 全副替换即可。

GitHub

git给个收费的Star吧！！

Link

https://github.com/EarlySumme...