product-uniapp/App.vue

<script>
	import {
		mapMutations
	} from 'vuex'
	import {
		version
	} from './package.json'
	import {
		silentLogin
	} from '@/utils/auth.js'
	// #ifdef APP
	import checkUpdate from '@/uni_modules/uni-upgrade-center-app/utils/check-update';
	// #endif

	export default {
		onLaunch: function() {
			console.log('App Launch');
			const token = uni.getStorageSync('token')
			if (token) {
				this.globalData.tokenRefreshPromise = silentLogin().then(result => {
					if (!result.success) {
						uni.removeStorageSync('token')
					}
					return result
				})
			}
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		onPageNotFound: function(res) {
			console.log('页面不存在', res);
			// 重定向到首页
			uni.reLaunch({
				url: '/pages/index/index'
			});
		},
		globalData: {
			test: ''
		},
		methods: {
			...mapMutations(['setUniverifyErrorMsg', 'setUniverifyLogin'])
		}
	}
</script>

<style lang="scss">
	@import 'uni_modules/uview-ui/index.scss';
	@import '@/uni_modules/uni-scss/index.scss';
	/* #ifndef APP-PLUS-NVUE */
	/* uni.css - 通用组件、模板样式库，可以当作一套ui库应用 */
	@import './common/uni.css';
	@import '@/static/customicons.css';
	/* H5 兼容 pc 所需 */
	/* #ifdef H5 */
	@media screen and (min-width: 768px) {
		body {
			overflow-y: scroll;
		}
	}

	/* 顶栏通栏样式 */
	/* .uni-top-window {
	    left: 0;
	    right: 0;
	} */

	uni-page-body {
		background-color: #F5F5F5 !important;
		min-height: 100% !important;
		height: auto !important;
	}

	.uni-top-window uni-tabbar .uni-tabbar {
		background-color: #fff !important;
	}

	.uni-app--showleftwindow .hideOnPc {
		display: none !important;
	}

	/* #endif */

	/* 以下样式用于 hello uni-app 演示所需 */
	page {
		background-color:#F2F2F2;
		height: 100%;
		font-size: 28rpx;
		/* line-height: 1.8; */
	}
	.fix-pc-padding {
		padding: 0 50px;
	}

	.uni-header-logo {
		padding: 30rpx;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 10rpx;
	}

	.uni-header-image {
		width: 100px;
		height: 100px;
	}

	.uni-hello-text {
		color: #7A7E83;
	}

	.uni-hello-addfile {
		text-align: center;
		line-height: 300rpx;
		background: #FFF;
		padding: 50rpx;
		margin-top: 10px;
		font-size: 38rpx;
		color: #808080;
	}
	.movable-area {
	    //可以移动的范围
		height: 100vh;
		width: 750rpx;
		top: 0;
		position: fixed;
		pointer-events: none;//此处要加，鼠标事件可以渗透
		z-index: 11;
		.movable-view {
	        //按钮大小
			width:128rpx;
			height:128rpx;
			pointer-events: auto;//恢复鼠标事件
			.index{
				width: 128rpx;
				height: 128rpx;
				border-radius: 50%;
				background-color: #fff;
				font-size: 16rpx;
				line-height: 50rpx;
				text-align: center;
				image {
					width: 100%;
					height: 100%;
				}
			}
		}
	}
	/* #endif*/
</style>