vue实现简易的全局加载动画效果
创始人
2024-11-11 13:37:29
0

效果展示

123412341234123412341234

思路

封装一个组件,放Img,伪类样式,固定在屏幕fixed

然后App应用这个组件,Z index拉最大,防止用户在加载动画时乱点,

v-show绑定loading,该数据可以放vuex还是任一的公共状态管理变量区域

然后增加vue自带的transition过渡动画,类样式控制过渡时间

代码

组件代码

     

应用代码

image-20240802170015279

这里我放在了app起到全局覆盖的作用,同时绑定vuex的值

发送请求时commit修改loading值,可以设置加载时长,这里我设置了500ms

image-20240802170138428

相关内容

热门资讯

1分钟苹果版本!(Wepoke... 1分钟苹果版本!(Wepoke代打ai)是有挂辅助挂吗,最新版wpk2024已更新,详细教程(今日头...
3分钟德州!(智星菠萝)其实一... 您好,智星菠萝这款游戏可以开挂的,确实是有挂的,需要了解加微【841106723】很多玩家在这款游戏...
6分钟分钟!WEPOke真的是... 6分钟分钟!WEPOke真的是有挂吗,Wepoke ai代打其实是真的有挂的,详细教程(2024已更...
八分钟机器人!(pokerwo... 八分钟机器人!(pokerworld)确实真有挂辅助挂吗,微扑克透明挂其实真实是有挂,详细教程(果真...
八分钟游戏!(广西八一字牌)外... 八分钟游戏!(广西八一字牌)外挂透视辅助挂,竞技联盟确实是有挂猫腻详细教程(真的有挂)-哔哩哔哩;A...
七分钟检测!(Wepoke渠道... 七分钟检测!(Wepoke渠道)原来确实是有挂,WPK科技其实一直总是有挂,详细教程(有挂功能)-哔...
十分钟新版!(WPK外挂)是有... 您好,天天欢乐德州这款游戏可以开挂的,确实是有挂的,需要了解加微【757446909】很多玩家在这款...
九分钟苹果版!(k体育)确实是... 九分钟苹果版!(k体育)确实是有挂吗,k体育2020已更新,详细教程(有挂攻略)-哔哩哔哩;德扑锦标...
六分钟分钟!哈狗游戏十三道挂,... 六分钟分钟!哈狗游戏十三道挂,欢乐达人原来是有猫腻,详细教程(2021已更新)(哔哩哔哩);最新版2...
两分钟系统!(Wepoke苹果... 两分钟系统!(Wepoke苹果版本)真的是有挂吗,Wepoke德州版本其实确实存在有挂的,详细教程(...