miniprogram-ripple v1.0.3

miniprogram Ripple

适用于小程序的水波纹控件

#引入 1.安装组件

  npm install --save miniprogram-ripple

2.在页面的 json 配置文件中添加 ripple 自定义组件的配置

  "usingComponents": {
    "ripple":"miniprogram-ripple/ripple"
  }

3.WXML 文件中引用 ripple

  <ripple ripple-class="class" bindclick="click">
  
  </ripple>

ripple 的属性介绍如下： | 字段名 | 类型 | 默认 | 必填 | 描述 | | ----------- | ------- | ------------------ | ---- |-------- | | hidden | Boolean | false | 否 | 隐藏组件 | | disabled | Boolean | false | 否 | 禁用组件 | | rippleStyle | String | null | 否 | 行内样式（可替代externalClasses） | | rippleColor | String | rgba(0, 0, 0, .15) | 否 | 波纹颜色 | | radius | String | false | 否 | border-radius属性 | | ripple-class | CSS | null | 否 | ripple样式 | | disabled-class | CSS | null | 否 | 禁用样式 | | click | 事件 | null | 否 | 点击事件 |