select-view v1.0.2

select-view

微信小程序自定义选择组件

使用效果

安装

 npm install --save select-view

微信小程序使用npm的教程

用法

1. 在app.json全局引入设置：

{
  "usingComponents": {
    "select-view": "select-view"
  }
}

2. 单页面 page.json 中添加 select-view 自定义组件配置

{
  "usingComponents": {
    "select-view": "select-view"
  }
}

3. WXML 文件中引用 select-view

 <select-view data="{{ Array }}" isShow="{{ Boolean }}" bindselected="{{ Function }}"></select-view> 

属性

方法

Tip: 组件采用position: fixed定位，需注意与页面其他元素的z-index层级，以及与原生组件的层级问题。原生组件限制查看