uni-app 雪花符设置手动关闭 进入页面就关闭了

发布于 1周前 作者 yibo5220 来自 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描述:

雪花符设置的手动关闭,参数配置后 不生效了


2 回复

在座的各位都是垃圾


在 uni-app 中,如果你想要在进入页面时手动关闭雪花符(通常指的是加载动画或遮罩层),你可以通过以下步骤实现:

1. 使用 uni.showLoadinguni.hideLoading

uni.showLoading 用于显示加载动画,uni.hideLoading 用于关闭加载动画。你可以在页面的 onLoadonShow 生命周期中调用 uni.hideLoading 来关闭加载动画。

export default {
  onLoad() {
    // 在页面加载时关闭加载动画
    uni.hideLoading();
  },
  onShow() {
    // 在页面显示时关闭加载动画
    uni.hideLoading();
  }
}

2. 使用自定义的加载动画

如果你使用的是自定义的加载动画(例如通过 v-ifv-show 控制的组件),你可以在页面的 onLoadonShow 生命周期中将控制加载动画的变量设置为 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();
  }
}
回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!