youngee_b_api/App.vue

<script>
	export default {
		globalData: {
			navHeight: "",
		},
		onLaunch: function() {
			console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
			console.log('App Launch')
			this.autoUpdate()
			this.globalData.navHeight = 44 + uni.getSystemInfoSync().statusBarHeight + "px"
			// wx.getSystemInfo({
			// 	success: res => {
			// 		this.globalData.navHeight = res.statusBarHeight + 48 + "px"; // 赋值导航高度
			// 	},
			// 	fail(err) {
			// 		console.log(err);
			// 	}
			// })
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		methods: {
			autoUpdate: function() {
				var self = this
				// 获取小程序更新机制兼容
				if (wx.canIUse('getUpdateManager')) {
					const updateManager = wx.getUpdateManager()
					//1. 检查小程序是否有新版本发布
					updateManager.onCheckForUpdate(function(res) {
						console.log("新版本检测：", res)
						// 请求完新版本信息的回调
						if (res.hasUpdate) {
							//检测到新版本，需要更新，给出提示
							wx.showModal({
								title: '更新提示',
								content: '检测到新版本，是否下载新版本并重启小程序？',
								success: function(res) {
									if (res.confirm) {
										//2. 用户确定下载更新小程序，小程序下载及更新静默进行
										self.downLoadAndUpdate(updateManager)
									} else if (res.cancel) {
										//用户点击取消按钮的处理，如果需要强制更新，则给出二次弹窗，如果不需要，则这里的代码都可以删掉了
										wx.showModal({
											title: '温馨提示~',
											content: '本次版本更新涉及到新的功能添加，旧版本无法正常访问的哦~',
											showCancel: false, //隐藏取消按钮
											confirmText: "确定更新", //只保留确定更新按钮
											success: function(res) {
												if (res.confirm) {
													//下载新版本，并重新应用
													self.downLoadAndUpdate(
														updateManager)
												}
											}
										})
									}
								}
							})
						}
					})
				} else {
					// 如果希望用户在最新版本的客户端上体验您的小程序，可以这样子提示
					wx.showModal({
						title: '提示',
						content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
					})
				}
			},
			/**
			 * 下载小程序新版本并重启应用
			 */
			downLoadAndUpdate: function(updateManager) {
				var self = this
				wx.showLoading();
				//静默下载更新小程序新版本
				updateManager.onUpdateReady(function() {
					wx.hideLoading()
					//新的版本已经下载好，调用 applyUpdate 应用新版本并重启
					updateManager.applyUpdate()
				})
				updateManager.onUpdateFailed(function() {
					// 新的版本下载失败
					wx.showModal({
						title: '已经有新版本了哟~',
						content: '新版本已经上线啦~，请您删除当前小程序，重新搜索打开哟~',
					})
				})
			}
		}
	}
</script>

<style>
	/*每个页面公共css */
	/* 解决头条小程序组件内引入字体不生效的问题 */
	/* #ifdef MP-TOUTIAO */
	@font-face {
		font-family: uniicons;
		src: url("/static/uni.ttf");
	}

	/* #endif */
	.home {
		width: 97%;
		margin: 0 auto;
		/* padding-top: 23%; */
	}

	/deep/ textarea {
		width: auto;
	}

	/deep/ .uni-forms-item__content {
		display: flex !important;
		align-items: center !important;
		/* justify-content: space-between; */
	}

	p {
		word-break: break-all;
	}

	text {
		word-break: break-all;
	}

	/deep/ textarea {
		width: auto;
	}

	/deep/ .uni-forms-item__content {
		display: flex !important;
		align-items: center !important;
		/* justify-content: space-between; */
	}

	p {
		word-break: break-all;
	}

	text {
		word-break: break-all;
	}

	/deep/.uni-forms-item__inner {
		padding-bottom: 0rpx !important;
		margin-bottom: 30rpx !important;
		border-bottom: 0.5rpx solid #CCCCCC !important;
	}

	/* /deep/ .share .uni-popup .uni-popup__wrapper{
				 width: 70% !important;
				 border-radius: 15rpx !important;
	}
	/deep/ .share1 .uni-popup .uni-popup__wrapper{
				 width: 85% !important;
	} */
</style>