更新记录
1.0(2022-09-23) 下载此版本
1.初始化插件
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.6.3 app-vue app-nvue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
说明
使用说明
只测试了app端,vue和nvue都可以,其他未测试
1.解压下载的压缩包,将组件放在项目的components目录下
2.引用组件
import ripple from '@/components/tbs-ripple/ripple.vue'
export default {
components: {
ripple
}
}
`<ripple></ripple>`
2.参数说明
title: {//按钮标题
type: String,
default: '按钮'
},
bgClass: { //按钮背景色class
type: String,
default: 'n-bg-a'
},
butHight: {//按钮高度
type: String,
default: '60'
},
butWidth: {//按钮宽度
type: String,
default: '750'
},
butRadius: {//按钮圆角
type: String,
default: '750'
}