页面中播放GIF动画

工作中试用的操作系统是Windows Server 2003,并且视觉效果调整为最佳性能。

然后每次在页面中出现的GIF动画都不会播放。

原因:最佳性能模式禁用了许多花哨的视觉效果,比如网页中自动播放声音动画等。

解决方法:Internet选项-->高级--->>多媒体:播放网页中的动画选项勾选即可了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用uni-app提供的页面生命周期函数的onLoad和onReady来实现进入页面加载动画效果。在onLoad函数可以设置一个loading标志位,当数据加载完成后将loading标志位设为false,然后在onReady函数根据loading标志位的值来显示或隐藏loading动画。 具体实现可以参考以下代码: ```html <template> <view> <view v-if="loading" class="loading"> <image src="/static/loading.gif"></image> </view> <view v-else> <!-- 页面内容 --> </view> </view> </template> <script> export default { data() { return { loading: true // 初始值为true,表示页面加载 } }, onLoad() { // 数据加载完成后将loading标志位设为false setTimeout(() => { this.loading = false; }, 2000); }, onReady() { // 根据loading标志位的值来显示或隐藏loading动画 if (this.loading) { uni.showLoading({ title: '加载' }); } else { uni.hideLoading(); } } } </script> <style> .loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); } .loading image { width: 30px; height: 30px; } </style> ``` 以上代码,loading标志位的初始值为true,表示页面正在加载。在onLoad函数,通过setTimeout模拟数据加载的过程,2秒后将loading标志位设为false,表示数据加载完成。在onReady函数,根据loading标志位的值来显示或隐藏loading动画,如果loading为true,则显示loading动画;否则隐藏loading动画
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值