微信控件使用文档

飞道科技

choose-btns

小程序自定义组件

使用此组件需要依赖小程序基础库 2.2.1 以上版本,同时依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档

1. 使用示例

使用示例

2. 使用方法

  1. 安装 小程序控件widgets-wxapp

     npm install @feidao-factory/widgets-wxapp
    
  2. 在需要使用 choose-btns 的页面 page.json 中添加 choose-btns 自定义组件配置

     {
         "usingComponents": {
             "choose-btns": "@feidao-factory/widgets-wxapp/fd-wx000003/index"
         }
     }
    
  3. 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"}