@retailwe/ui-switch v0.0.16

switch 开关

引入

全局引入，在 miniprogram 根目录下的app.json中配置，局部引入，在需要引入的页面或组件的index.json中配置。

// app.json 或 index.json
"usingComponents": {
  "wr-switch": "@retailwe/ui-switch/index"
}

代码演示

<wr-switch
  value="{{value}}"
  min="{{min}}"
  max="{{max}}"
  bind:minus="handleMinus"
  bind:plus="handlePlus"
  bind:overlimit="handleOverlimit"
  bind:blur="handleBlur"
></wr-switch>

Page({
  data: {
    disabled: false,
    min: 3,
    max: 10,
    value: 4,
  },
  handleMinus: function(e) {
    this.setData({
      value: e.detail.value,
    });
  },
  handlePlus: function(e) {
    this.setData({
      value: e.detail.value,
    });
  },
  handleOverlimit: function() {
    console.log('当前数量不符合规范');
  },
  handleBlur: function(e) {
    this.setData({
      value: e.detail.value,
    });
  },
});

switch Props

switch Event