uview 加载页面时间控制

原创于 2021-12-07 14:13:42 发布 · 2.4k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#uni-app

vue 专栏收录该内容

22 篇文章

订阅专栏

这篇博客展示了如何在Vue应用中使用`<u-navbar>`组件创建一个固定顶部导航，并结合`<u-loading-page>`实现加载效果。在`onLoad`生命周期钩子中，通过设置2秒的延时模拟数据加载，完成后隐藏加载指示器。内容主要涉及Vue组件、页面加载动画和状态管理。

<template>
	<view>
		<u-navbar :is-back="false" title="" title-color="#fff" title-size="40" 
			:is-fixed="true">
			
		</u-navbar>
		<view class="">
			<u-loading-page :loading="loading" ></u-loading-page>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				loading: true
			}
			
		},
		onLoad() {
			
			setTimeout(() => {
				this.loading = false
				console.log(0)
			}, 2000);
		}
	};
</script>