great_mobileui/App.vue

<script>
	export default {
		globalData: {
		    statusBarHeight: 0, // 状态导航栏高度
		    navHeight: 44, // 总体高度
		    navigationBarHeight: 0, // 导航栏高度(标题栏高度)
		},
		onLaunch: function() {
			this.update();
			// console.log('App Launch')
			 // 状态栏高度
			this.globalData.statusBarHeight = uni.getSystemInfoSync().statusBarHeight
		 
			// #ifdef MP-WEIXIN
			// 获取微信胶囊的位置信息 width,height,top,right,left,bottom
			const custom = wx.getMenuButtonBoundingClientRect()
			// console.log(custom)
		 
			// 导航栏高度(标题栏高度) = 胶囊高度 + (顶部距离 - 状态栏高度) * 2
			this.globalData.navigationBarHeight = custom.height + (custom.top - this.globalData.statusBarHeight) * 2
			// console.log("导航栏高度："+this.globalData.navigationBarHeight)
		 
			// 总体高度 = 状态栏高度 + 导航栏高度
			this.globalData.navHeight = this.globalData.navigationBarHeight + this.globalData.statusBarHeight
		 
			// #endif
		 
			// console.log('this.globalData==========',this.globalData)
			// this.$wxApi.config()
		},
		onShow: function() {
			// console.log('App Show')
		},
		onHide: function() {
			// console.log('App Hide')
			
			// 删除分销信息
			//  const sceneData = uni.getStorageSync('scene');
			// if (sceneData && sceneData.timestamp) {
			//      const currentTime = new Date().getTime();
			//      if (currentTime - sceneData.timestamp > 5 * 60 * 1000) { // 超过5分钟
					
			//      }
			// }
			uni.removeStorage({
				key:'retailId',
				success: (e) => {
					console.log('App Hide removeStorage retailId success',e);
				},
				fail: (e) => {
					console.log('App Hide removeStorage retailId fail',e);
				}
			});
			uni.removeStorage({
				key:'scene',
				success: (e) => {
					console.log('App Hide removeStorage scene success',e);
				},
				fail: (e) => {
					console.log('App Hide removeStorage scene fail',e);
				}
			});
			// 删除分销信息
			
		},
		methods:{
		    update() {
					// 获取小程序更新机制兼容
					if (uni.canIUse('getUpdateManager')) {
						const updateManager = uni.getUpdateManager()
						//1. 检查小程序是否有新版本发布
						updateManager.onCheckForUpdate((res) => {
							// 请求完新版本信息的回调
							if (res.hasUpdate) {
								//检测到新版本，需要更新，给出提示
								uni.showModal({
									title: '更新提示',
									content: '检测到新版本，是否下载新版本并重启小程序？',
									success: (res) => {
										if (res.confirm) {
											//2. 用户确定下载更新小程序，小程序下载及更新静默进行
											this.downLoadUpdate(updateManager)
										} else if (res.cancel) {
											//用户点击取消按钮的处理，如果需要强制更新，则给出二次弹窗，如果不需要，则这里的代码都可以删掉了
											uni.showModal({
												title: '温馨提示~',
												content: '本次版本更新涉及到新的功能添加，旧版本无法正常访问的哦~',
												showCancel: false, //隐藏取消按钮
												confirmText: "确定更新", //只保留确定更新按钮
												success: (res) => {
													if (res.confirm) {
														//下载新版本，并重新应用
														this.downLoadUpdate(updateManager)
													}
												}
											})
										}
									}
								})
							}
						})
					} else {
						// 如果希望用户在最新版本的客户端上体验您的小程序，可以这样子提示
						uni.showModal({
							title: '提示',
							content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
						})
					}
				},
				/**
				 * 下载小程序新版本并重启应用
				 */
				downLoadUpdate(updateManager) {
					uni.showLoading();
					//静默下载更新小程序新版本
					updateManager.onUpdateReady(() => {
						uni.hideLoading()
						//新的版本已经下载好，调用 applyUpdate 应用新版本并重启
						updateManager.applyUpdate()
					})
					updateManager.onUpdateFailed(() => {
						// 新的版本下载失败
						uni.showModal({
							title: '已经有新版本了哟~',
							content: '新版本已经上线啦~，请您删除当前小程序，重新搜索打开哟~',
						})
					})
				},
		    }
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	@import "@/uni_modules/uview-ui/index.scss";
	@import "@/static/css/common.scss";
</style>