情不知从何起,一往而情深
排名
1
文章
860
粉丝
112
评论
163
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

uni-app loading

2603人阅读 2023/9/19 14:44 总访问:1110523 评论:0 收藏:0 手机
分类: uni_app

显示加载框

  1. //显示加载框
  2. uni.showLoading({
  3. title: '加载中'
  4. });

隐藏加载框

  1. //隐藏加载框
  2. uni.hideLoading();

还可以使用组件uni-load-more

这个组件是直接放到页面上面你想要放到的地方,但是使用这个组件就要注意一下样式和位置问题了。用state.loadingClassStatisData来控制是否显示

  1. <uni-load-more status="loading" v-if="state.loadingClassStatisData"></uni-load-more>
  2. const state = reactive({
  3. loadingClassStatisData: false,
  4. })

这个组件一个页面可以放在多个地方,这样可以看到不同区块的加载中效果,有点类似element ui 那个放到组件中的v-loading效果,但是这个需要自己控制一下位置和样式,没有element ui 那个封装得好


欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价