更新记录
1.1.0(2021-11-30) 下载此版本
解决canvas黑屏问题(年少无知惹的祸)
1.0.3(2020-01-10) 下载此版本
修复小程序端无法使用问题
1.0.2(2020-01-09) 下载此版本
礼花喷发消失后,释放掉canvas对象
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
× | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
使用注意
- 引入该组件,用v-if控制组件,组件create会触发喷发特效函数,然后可以传入一些位置参数,具体参考组件内的props属性,每个属性都备注了
-
示例代码
<template> <view> <fireworks v-if="isReady" /> </view> </template> <script> import fireworks from '@/components/fireworks/index.vue' export default { data() { return { isReady: false } }, components: { fireworks }, onReady() { this.isReady = true; }, } </script>