更新记录
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 | 点击事件 |