kpsz-answer-h5/pages/index/index.vue

<template>
	<view class="wrap">
		<image src="@/static/bg.jpg" class="bkg" alt="" />
		<view class="main">
			<view class="main-wrap">
				<image src="@/static/index_logo.png" class="logo" alt="" />
				<image src="@/static/index_words.png" class="words" alt="" />
			</view>
		</view>
		<view class="support">
			技术支撑：江苏有线苏州分公司
		</view>
	</view>
</template>

<script>
	import {isNull} from "@/common/util.js"
	export default {
		data() {
			return {
				userInfo: {}
			}
		},
		onLoad() {
			setTimeout(() => {
				this.getUserInfo()
			}, 2000)
		},
		methods: {
			async getUserInfo() {
				const res = await this.$u.api.user()
				this.$u.vuex('vuex_user', res);
				this.userInfo = res;
				if (isNull(res.mobile)) {
					uni.redirectTo({
						url: '/pages/login/index'
					})
				}else{
					uni.redirectTo({
						url: '/pages/me/me'
					})
				}
			}
		}
	}
</script>

<style scoped lang="scss">
	
	.wrap {
		width: 100vw;
		height: 100vh;
		position: relative;
		font-size: 0;
		.bkg {
			width: 100vw;
			height: 100vh;
			position: absolute;
			top: 0;
			left: 0;
		}
		.main{
			width: 100vw;
			height: 100vh;
			overflow: scroll;
			position: relative;
			z-index:9;
			&-wrap{
				position: relative;
				z-index:8;
				margin-top:100rpx;
				&>image{
					margin:0 auto;
					display: block;
					margin-top:40rpx;
				}
				.logo{
					width:250rpx;
					height:70rpx;
					margin-left: 40rpx;
				}
				.words{
					width:205rpx;
					height:664rpx;
					margin-top:200rpx
				}
			}
		}
		.support {
			position: absolute;
			bottom: 10rpx;
			width: 100%;
			font-size: 24rpx;
			color: #888;
			font-family: '宋体';
			opacity: 1;
			text-align: center;
			z-index:9
		}
	}

</style>