介绍
针对于微信小程序做了个下拉菜单的自定义组件，样式如下~
主要包括以下两种类型
- 级联选择器，例如xx区-xx街道
- 下拉列表，例如排序，筛选等
Feb-16-2019 01-05-24.gif
image.png
image.png
使用
具体使用方式参照index.wxml示例
- 支持动态修改Navgation上的Item数量和显示隐藏等
/*
dropDownMenuTitle:导航标题数组，按顺序填写
dropDownMenuDistrictData:区域数组
--- 以下三种样式一样，按需求添加即可 ---
dropDownMenuSourceData:来源
dropDownMenuStyleData:租售
dropDownMenuFilterData:排序
*/
<dropdownmenu dropDownMenuTitle='{{dropDownMenuTitle}}' dropDownMenuDistrictData='{{dropDownMenuFirstData}}' dropDownMenuSourceData='{{dropDownMenuSecondData}}' dropDownMenuStyleData='{{dropDownMenuThirdData}}' dropDownMenuFilterData='{{dropDownMenuFourthData}}'
bind:selectedItem='selectedItem' />
- 将项目中component文件夹拖入项目中
- 在将要使用的该组件的.json文件中引入
{
"usingComponents": {
"dropdownmenu": "/component/dropdownmenu/dropdownmenu"
}
}
- 在.wxml文件中引用即可
