更新记录
1.0.0(2020-05-13) 下载此版本
2020年5月13日 樱花组件
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
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()
},
}
}