weapp-v2/App.vue

<template>
	<page style="color: #007AFF;"></page>
</template>

<script>
	export default {
		globalData: {
			detail: null,
			choosedAddress: null,
			topHeight: 0,
		},
		async onLaunch() { //app 初始化
			let f = uni.canIUse('getUpdateManager') // 获取小程序更新机制兼容
			if (f) {
				const _u = uni.getUpdateManager()
				_u.onCheckForUpdate(res => { // // 请求完新版本信息的回调
					console.log('版本信息', res.hasUpdate)
					if (res.hasUpdate) { // 是否有新的版本
						_u.onUpdateReady(() => { // 当新版本下载完成，会进行回调
							uni.showModal({
								title: '更新提示',
								content: '新版本已发布,请重启当前应用!',
								showCancel: false,
								success(c_res) {
									if (c_res.confirm) {
										_u.applyUpdate() // 当新版本下载完成，调用该方法会强制当前小程序应用上新版本并重启
									}
								}
							})
						})
					}
				})
				_u.onUpdateFailed(() => { // 当新版本下载失败，会进行回调
					uni.showModal({
						title: '发现新版本',
						content: '请删除当前小程序,重新搜索打开'
					})
				})
			}
			uni.loading = () => uni.showLoading({
				mask: true,
				title: '加载中'
			})
			if (!uni.getStorageSync('warn')) {
				uni.setStorageSync('warn', 'false')
			}
			uni.onNetworkStatusChange(({
				networkType,
				isConnected
			}) => { //监听网络类型变化
				if (isConnected) { //当网络类型却换后
					if (!this.$verified()) { //如果用户未登录，就触发 初始化方法。用户用户初次打开小程序时没有网络，随即又有网络的情况
						// this.$store.dispatch('onLaunch')
					}
					if ('2g3g'.indexOf(networkType) !== -1) {
						uni.showToast({
							title: '网络似乎不太稳定',
							icon: 'none'
						})
					}
				} else {
					uni.showToast({
						title: '似乎已经断开网络连接',
						icon: 'none'
					})
				}
				this.$store.commit('CHANGENETWORKSTATUS', networkType)
			})
			// uni.showLoading({ title: '加载中', mask: true })  //显示loading
			const [, {
				networkType
			}] = await uni.getNetworkType(); //获取网络类型，给出相应的提示
			// console.log('网络状态',networkType)
			this.$store.commit('CHANGENETWORKSTATUS', networkType) //获取网络类型并将状态存在 store 里

			//获取状态栏及胶囊高度
			let menuButtonObject = uni.getMenuButtonBoundingClientRect(); //获取菜单按钮（右上角胶囊按钮）的布局位置信息。坐标信息以屏幕左上角为原点。
		},
		async onHide() {
			uni.hideLoading() //app hide 时隐藏loading
		}
	}
</script>

<style>
	@import 'common/styles/main.css'; //引入 ColorUI 组件库主样式
	@import 'common/styles/icon.css'; //引入 ColorUI 组件库图标样式
	@import 'common/styles/animation.css'; //引入 ColorUI 组件库动画样式

	page {
		//uniapp 中的 page 标签相当于 html 中的 body, 默认高度为 auto, 但是高度为 100% 更利于 app 布局,你也可以在 page 中设置一些全局样式,比如全局背景色
		background: #FFFFFF;
		height: 100%;
	}
</style>