choose-btns
小程序自定义组件
使用此组件需要依赖小程序基础库 2.2.1 以上版本,同时依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档。
1. 使用示例
2. 使用方法
-
安装 小程序控件widgets-wxapp
npm install @feidao-factory/widgets-wxapp
-
在需要使用 choose-btns 的页面 page.json 中添加 choose-btns 自定义组件配置
{ "usingComponents": { "choose-btns": "@feidao-factory/widgets-wxapp/fd-wx000003/index" } }
-
WXML 文件中引用 choose-btns
<choose-btns min='1' max='10' num='5' bind:fdwe-input='stop1' wid='w001' id='w001'></choose-btns>
<choose-btns min='1' max='10' num='5' bind:fdwe-input='stop1' wid='w001' id='w001' height='500' width='400' fontsize='40'></choose-btns>
3. 属性
属性名 | 类型 | 默认值 | 是否必须 | 说明 |
---|---|---|---|---|
wid | String | 无 | 是 | 控件的标示 |
max | Number | 是 | 可以选择的最大值 | |
min | Number | 最小为0 | 否 | 可选选择的最小值 |
num | Number | 无 | 否 | 初始化的值 |
height | Numebr | 单位rpx | 否 | 控件高度 |
width | Numebr | 单位rpx | 否 | 控件宽度 |
fontsize | Numebr | 单位rpx | 否 | 字体大小 |
4.方法
getnum()
获取选择值, 返回值为Number类型
5.事件
fdwe-input
监听选择的值变化
返回值类型
{max: 10000, min: 0, num: 5, wid: "w001"}