canvasScreen/App.vue

<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css */
	@import '@/static/iconfont/iconfont.css';
	@import '@/common/animate.css';
	.main_container {
		width: 100%;
		height: 100vh;
		background: url(~@/static/images/bg.png) no-repeat left top;
		background-size: cover;
	}
	.login_bg {
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: 530rpx;
		height: 648rpx;
		margin: -423rpx 0 0 -265rpx;
		background-color: #fcf4e8;
		border-radius: 30rpx 30rpx 0 0;
		box-shadow: 0 0 24rpx 2rpx rgba(0, 0, 0, 0.15);
		z-index: 9;
	}
	.login-bind {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 625rpx;
		height: 764rpx;
		margin: -382rpx 0 0 -312rpx;
		background-color: #fff;
		border-radius: 30rpx;
		box-shadow: 0 0 24rpx 2rpx rgba(0, 0, 0, 0.15);
		z-index: 99;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.uni-login-btn {
		width: 520rpx;
		height: 86rpx;
		margin-top: 69.44rpx;
		font-size: 30.55rpx;
		line-height: 86rpx;
		background-color: #0096ff;
		border-radius: 86rpx;
		color: #fff;
	}
</style>