uni-app 雪花符设置手动关闭 进入页面就关闭了
uni-app 雪花符设置手动关闭 进入页面就关闭了
项目信息 | 详细信息 |
---|---|
产品分类 | uniapp/App |
PC开发环境操作系统 | Windows |
PC开发环境操作系统版本号 | win10 |
HBuilderX类型 | 正式 |
HBuilderX版本号 | 4.07 |
手机系统 | 全部 |
手机厂商 | 华为 |
页面类型 | vue |
vue版本 | vue3 |
打包方式 | 云端 |
项目创建方式 | HBuilderX |
测试过的手机:
- 苹果7plus
- 华为nova7pro
操作步骤:
“splashscreen” : { //首页白屏时不关闭启动界面 “alwaysShowBeforeRender” : false, //是否在程序启动界面显示等待圈或雪花 “waiting” : true, //是否自动关闭程序启动界面。如果需要手动关闭启动界面,需将 alwaysShowBeforeRender 及 autoclose 均设置为 false。 “autoclose” : false, //启动界面在应用的首页面加载完毕后延迟关闭的时间,autoclose 为 true 时生效。 “delay” : 0 }
预期结果:
“splashscreen” : { //首页白屏时不关闭启动界面 “alwaysShowBeforeRender” : false, //是否在程序启动界面显示等待圈或雪花 “waiting” : true, //是否自动关闭程序启动界面。如果需要手动关闭启动界面,需将 alwaysShowBeforeRender 及 autoclose 均设置为 false。 “autoclose” : false, //启动界面在应用的首页面加载完毕后延迟关闭的时间,autoclose 为 true 时生效。 “delay” : 0 }
实际结果:
“splashscreen” : { //首页白屏时不关闭启动界面 “alwaysShowBeforeRender” : false, //是否在程序启动界面显示等待圈或雪花 “waiting” : true, //是否自动关闭程序启动界面。如果需要手动关闭启动界面,需将 alwaysShowBeforeRender 及 autoclose 均设置为 false。 “autoclose” : false, //启动界面在应用的首页面加载完毕后延迟关闭的时间,autoclose 为 true 时生效。 “delay” : 0 }
bug描述:
雪花符设置的手动关闭,参数配置后 不生效了
在座的各位都是垃圾
在 uni-app 中,如果你想要在进入页面时手动关闭雪花符(通常指的是加载动画或遮罩层),你可以通过以下步骤实现:
1. 使用 uni.showLoading
和 uni.hideLoading
uni.showLoading
用于显示加载动画,uni.hideLoading
用于关闭加载动画。你可以在页面的 onLoad
或 onShow
生命周期中调用 uni.hideLoading
来关闭加载动画。
export default {
onLoad() {
// 在页面加载时关闭加载动画
uni.hideLoading();
},
onShow() {
// 在页面显示时关闭加载动画
uni.hideLoading();
}
}
2. 使用自定义的加载动画
如果你使用的是自定义的加载动画(例如通过 v-if
或 v-show
控制的组件),你可以在页面的 onLoad
或 onShow
生命周期中将控制加载动画的变量设置为 false
。
export default {
data() {
return {
isLoading: true // 初始状态为加载中
};
},
onLoad() {
// 在页面加载时关闭加载动画
this.isLoading = false;
},
onShow() {
// 在页面显示时关闭加载动画
this.isLoading = false;
}
}
在模板中:
<template>
<view>
<!-- 自定义加载动画 -->
<view v-if="isLoading" class="loading">
加载中...
</view>
<!-- 页面内容 -->
<view v-else>
页面内容
</view>
</view>
</template>
3. 使用 uni.setNavigationBarLoading
如果你是在导航栏上显示加载动画,可以使用 uni.setNavigationBarLoading(false)
来关闭它。
export default {
onLoad() {
// 在页面加载时关闭导航栏加载动画
uni.setNavigationBarLoading(false);
},
onShow() {
// 在页面显示时关闭导航栏加载动画
uni.setNavigationBarLoading(false);
}
}
4. 使用 uni.stopPullDownRefresh
如果你是在下拉刷新时显示的加载动画,可以使用 uni.stopPullDownRefresh()
来关闭它。
export default {
onLoad() {
// 在页面加载时停止下拉刷新
uni.stopPullDownRefresh();
},
onShow() {
// 在页面显示时停止下拉刷新
uni.stopPullDownRefresh();
}
}