Ci2Order.vue/App/pages/startup/startup.vue

<template>
	<view class="startup">
		<view class="status_bar"></view>
		<view class="startup_content">
			<image class="img1" mode="widthFix" src="../../static/startup_2.png"></image>
		</view>
		<view class="startup_content_2">
		<image class="img2" mode="widthFix" src="../../static/startup_3.png"></image>
		</view>
		<view class="startup_content_3 mt-40">
			Efficiency improvement
		</view>
		<view class="startup_content_4 mt-30">
			助力酒店、轰趴馆效率提升
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		mounted() {
			//判断是否登录 没登录进  登录直接进主页
			setTimeout(()=>{
				if(uni.getStorageSync('userInfo')){
					uni.switchTab({
						url: '../book/index/index',
						success: res => {},
						fail: () => {},
						complete: () => {}
					});
				}else{
					uni.navigateTo({
						url: '../index/index',
						success: res => {},
						fail: () => {},
						complete: () => {}
					});
				}
			},1000)
		}
	}
</script>

<style scoped lang="scss">
	.status_bar {
		height: var(--status-bar-height);
	}

	.startup {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		background: url(../../static/startup_1.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: left bottom;

		.startup_content {
			text-align: center;
			margin-top: 200rpx;
			.img1{
				width: 200rpx;
				border-radius: 100rpx;
				box-shadow: 15rpx 20rpx 40rpx #007AFF;
			}
			
		}
		.startup_content_2{
			text-align: center;
			margin-top: 50rpx;
			.img2{
				width: 254rpx;
			}
		}
		.startup_content_3{
			text-align: center;
			font-size: 36rpx;
			color: #555555;
			font-weight: bold;
		}
		.startup_content_4{
			text-align: center;
			font-size: 30rpx;
			color: #999999;
			width: 100%;
			font-weight: bold;
		}
	}
</style>