更新记录
1.0.4(2019-12-17) 下载此版本
添加朴素按钮属性
1.0.3(2019-12-13) 下载此版本
添加事件
1.0.2(2019-12-13) 下载此版本
更新
查看更多平台兼容性
popups
涟漪效果按钮
使用方式
在js中导入
import rippleButton from "@/components/ripple-button/ripple-button.vue";
components:{rippleButton},
在vue中使用
<template>
<view class="content">
<ripple-button width="100" height="50" text="确定" background="#fff">
</ripple-button>
</view>
</template>
OBJECT参数说明
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| width | Number | 400 | 长度 单位rpx |
| height | Number | 80 | 高度 单位rpx |
| color | String | '#2F9BFE' | 背景颜色 |
| text | String | 确定 | 按钮的文字 |
| iconImage | String | 空 | 文字旁边的图标 |
| plain | Boolean | 空 | 是否朴素按钮 |
事件
| 事件名 | 说明 |
|---|---|
| btap | 点击事件 |

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 391
赞赏 0
下载 11047473
赞赏 1802
赞赏
京公网安备:11010802035340号