yunshangxie/App.vue

<script>
	import Vue from 'vue'
	import store from './store/index.js'
	import updateCustomBarInfo from './tuniao-ui/libs/function/updateCustomBarInfo.js'
	import {
		UserLogin
	} from '@/util/api.js';

	export default {
		onLaunch: function() {
			var Gid = uni.getStorageSync('Gid');
			if (Gid) {
				store.commit('$tStore', {
					name: 'Gid',
					value: Gid
				})
			}
			uni.getSystemInfo({
				success: function(e) {
					// #ifndef H5
					// 获取手机系统版本
					const system = e.system.toLowerCase()
					const platform = e.platform.toLowerCase()
					// 判断是否为ios设备
					if (platform.indexOf('ios') != -1 && (system.indexOf('ios') != -1 || system.indexOf(
							'macos') != -1)) {
						Vue.prototype.SystemPlatform = 'apple'
					} else if (platform.indexOf('android') != -1 && (system.indexOf('android') != -1)) {
						Vue.prototype.SystemPlatform = 'android'
					} else {
						Vue.prototype.SystemPlatform = 'devtools'
					}
					// #endif
				}
			})

			// 获取设备的状态栏信息和自定义顶栏信息
			// store.dispatch('updateCustomBarInfo')
			updateCustomBarInfo().then((res) => {
				console.log(res);
				store.commit('$tStore', {
					name: 'vuex_status_bar_height',
					value: res.statusBarHeight
				})
				store.commit('$tStore', {
					name: 'vuex_custom_bar_height',
					value: res.customBarHeight
				})
			})

			// #ifdef MP-WEIXIN
			//更新检测
			if (wx.canIUse('getUpdateManager')) {
				const updateManager = wx.getUpdateManager();
				updateManager && updateManager.onCheckForUpdate((res) => {
					if (res.hasUpdate) {
						updateManager.onUpdateReady(() => {
							uni.showModal({
								title: '更新提示',
								content: '新版本已经准备就绪，是否需要重新启动应用？',
								success: (res) => {
									if (res.confirm) {
										uni.clearStorageSync() // 更新完成后刷新storage的数据
										updateManager.applyUpdate()
									}
								}
							})
						})

						updateManager.onUpdateFailed(() => {
							uni.showModal({
								title: '已有新版本上线',
								content: '小程序自动更新失败，请删除该小程序后重新搜索打开哟~~~',
								showCancel: false
							})
						})
					} else {
						//没有更新
					}
				})
			} else {
				uni.showModal({
					title: '提示',
					content: '当前微信版本过低，无法使用该功能，请更新到最新的微信后再重试。',
					showCancel: false
				})
			}
			// #endif
		},
		onShow: function() {
			// console.log('App Show')
		},
		onHide: function() {
			// console.log('App Hide')
		},
		methods: {
			getUserLogin(returnA) {
				uni.getProvider({
					service: 'oauth',
					success: function(res) {
						console.log(res)
						if (~res.provider.indexOf('weixin')) {
							uni.login({
								provider: "weixin",
								success: function(loginRes) {
									UserLogin({
											code: loginRes.code
										})
										.then(response => {
											console.log('Login', response);
											if (response.code == 1) {
												uni.setStorageSync('openid', response.data
													.openid);
												uni.setStorageSync('uid', response.data
													.id);
											} else {
												uni.showToast({
													icon: 'none',
													title: response.msg,
													duration: 2000
												});
											}
											//returnA(response);
										})
										.catch(error => {
											uni.showToast({
												icon: 'none',
												title: error,
												duration: 2000
											});
										});
								}
							});
						} else {
							console.log(123);
						}
					}
				});
			},
			addWidthToImages(html) {
				// 匹配并更新已有 style 属性的 img 标签
				html = html.replace(/(<img\b[^>]*\bstyle\s*=\s*['"])([^'"]*)(['"][^>]*>)/g,
					function(match, p1, p2, p3) {
						return p1 + ';width: 100%;margin:0 auto;' + p3;
					});

				// 匹配并添加 style 属性到没有 style 属性的 img 标签
				html = html.replace(/(<img\b(?![^>]*\bstyle\s*=)[^>]*>)/g,
					function(match, p1) {
						return p1.replace(/\/?>$/, ' style="width: 100%;margin:0 auto;" />');
					});

				return html;
			},
		},

	}
</script>

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import './tuniao-ui/index.scss';
	@import './tuniao-ui/iconfont.css';
	@import './static/css/my.scss';
</style>