更新记录
1.0.0(2020-05-13)
2020年5月13日 樱花组件
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
说明:此插件使用定时器setInterval({})进行动态展示,在樱花数量过多时可能有些卡顿等,如有更好的优化,可进行评论,随时进行更新
在canvasDraw方法内的 i 数量为樱花数量
定时器的秒数可调整樱花运动速度,可按照需求进行调整
引入插件
import cherryBlossom from '../../components/cherryBlossom.vue'
export default {
components:{
cherryBlossom
},
onReady() {
this.init()
},
methods: {
init() {
this.$refs.cherryBlossom.init()
},
}
}