首页 > 其他分享 >uniapp 在当前页面显示/隐藏导航条加载动画

uniapp 在当前页面显示/隐藏导航条加载动画

时间:2022-08-17 11:56:53浏览次数:50  
标签:Function uniapp 调用 动画 OBJECT 接口 导航条 uni

一、uni.showNavigationBarLoading(OBJECT)

在当前页面显示导航条加载动画。

App平台调用此API时会在屏幕中间悬浮显示loading

OBJECT参数说明

参数 类型 必填 说明
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

示例

uni.showNavigationBarLoading()

 

二、uni.hideNavigationBarLoading(OBJECT)

在当前页面隐藏导航条加载动画。

App平台调用此API时会关闭屏幕中间悬浮显示的loading

OBJECT参数说明

参数 类型 必填 说明
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

示例

uni.hideNavigationBarLoading()

 

标签:Function,uniapp,调用,动画,OBJECT,接口,导航条,uni
From: https://www.cnblogs.com/moranjl/p/16594601.html

相关文章

  • uniapp 动态设置当前页面的标题
    uni.setNavigationBarTitle(OBJECT)动态设置当前页面的标题。OBJECT参数说明参数类型必填说明titleString是页面标题successFunction否接口调用成......
  • 816笔记(动画)
    三大系列总结element.offsetWidth返回自身包括padding,边框,内容区的宽度,返回值不带单位element.clientWidth返回自身包括padding,内容区的宽度,不含边框,返回值不带单位......
  • css的animate做一个信号动画
     html<divclass="jumpflex-fsfadeAndScaleIn"><span></span><span></span><span></span></div> css.jump{ align-items:flex-end; m......
  • 解决uniapp修改data中的数据视图未更新的问题
     更改普通数据直接赋值即可,更改数组要通过this.$set()来解决 exportdefault{data(){return{title:"Hello",......
  • uniapp顶部搜索图标实现(App端,小程序不支持)
    这两个部位的图标可以在page.json中配置,不需要单独编写(小程序中需要手动编写,通过flex布局实现)1、在pages.json中的pages-->style-->app-plus中添加titleNView2、font......
  • 八个解决你80%需求的CSS动画库
    八个解决你80%需求的CSS动画库点击打开视频讲解在学习和工作的过程中,我们总免不了要写各种各样的css动画,给某个部分添加动画效果,如果觉得自己写的动画效果单一乏味,不妨试......
  • uniapp获取元素的宽度、高度
     uni.createSelectorQuery().in(this).select('.类名').boundingClientRect(data=>{ console.log(data.height) console.log(data.width) }).exec() ......
  • uniapp 卡片式轮播图
    html结构:uniapp自带的swiper组件可以弄成寻常的轮播图 <swiperclass="image-container"previous-margin="45rpx" next-margin="45rpx"circularautopl......
  • VUE学习-过渡 & 动画
    过渡&动画Vue在插入、更新或者移除DOM时,提供多种不同方式的应用过渡效果。包括以下工具:在CSS过渡和动画中自动应用class在过渡钩子函数中使用JavaScript直接......