README
wx-second-list使用前提:
使用此组件需要依赖小程序基础库 2.2.1 或以上、及开发者工具 1.02.1808300 或以上,同时依赖开发者工具的 npm 构建。具体详情可查阅微信小程序 npm 支持文档。
使用效果
PS:若想要获得上图中的效果,可参考 test/demo 中的例子实现。
使用方法
- 安装 wx-second-list
npm install --save wx-second-list
- 在需要使用 wx-second-list 的页面 page.json 中添加 wx-second-list 自定义组件配置
{
"usingComponents": {
"secondList": "wx-second-list"
}
}
- WXML 文件中引用 wx-second-list
<button bindtap="showSecond">弹出行业选择</button>
<secondList id="second" bind:chooseEvent = "chooseItem"></secondList>
- 在调用wx-second-list的页面page.js添加事件,可参考 test/demo/pages/index/index.js 中的例子。
Page({
data: {},
onReady(){ this.second = this.selectComponent("#second")},
showSecond() { this.second.showSecond()},
chooseItem(e){ console.log('用户选择了'+e.detail) }
})
wx-second-list的属性介绍如下:
属性名 | 类型 | 默认值 | 是否必须 | 说明 |
---|---|---|---|---|
id | String | 无 | 是 | 组件的id |
topText | String | 请选择所属行业 | 否 | 选择器最上方的文字说明 |
如有不当或需改进之处,请君指出,感谢万分!!!