共计 1032 个字符，预计需要花费 3 分钟才能阅读完成。
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…
正文完
