airz-uniapp/packages/account/index/index.uvue

<template>
	<view class="splash page-white" @click="enter" :style="pageStyle()">
		<view class="splash-status" :style="statusStyle(0)"></view>
		<view class="brand-area">
			<BrandLogo />
			<text class="tagline">智能评估 · 精准匹配</text>
			<text class="slogan">让融资更简单</text>
		</view>
		<image class="splash-art" src="/packages/account/static/shield.png" mode="aspectFit"></image>
		<view class="launch-line"><view class="launch-dot"></view><text class="launch-text">开启智能融资新体验</text></view>
	</view>
</template>

<script setup lang="uts">
	import { usePageLayout } from '@/services/layout.uts'
	const { statusStyle, pageStyle } = usePageLayout()
	import BrandLogo from '@/components/BrandLogo.uvue'
	import { isLoggedIn } from '@/services/api.uts'
	import { consumeInitialLaunch } from '@/services/launch.uts'
	onLoad(() => { consumeInitialLaunch() })
	let enterTimer = 0
	let entered = false
	const enter = () => {
		if (entered) return
		entered = true
		clearTimeout(enterTimer)
		uni.redirectTo({ url: isLoggedIn() ? '/pages/home/home' : '/packages/account/login/login' })
	}
	onShow(() => { if (!entered) enterTimer = setTimeout(() => enter(), 1800) })
	onHide(() => { clearTimeout(enterTimer) })
	onUnmounted(() => { clearTimeout(enterTimer) })
</script>

<style>
	.splash {  align-items: center; position: relative; overflow: hidden; }
	.splash-status {  }
	.brand-area { align-items: center; margin-top: 220rpx; }
	.tagline { margin-top: 18rpx; color: #32405a; font-size: 28rpx; font-weight: 600; }
	.slogan { margin-top: 42rpx; color: #102557; font-size: 33rpx; font-weight: 800; }
	.splash-art { width: 550rpx; height: 420rpx; margin-top: 35rpx; }
	.launch-line { position: absolute; bottom: 82rpx; flex-direction: row; align-items: center; color: #9aa7ba; font-size: 22rpx; }
	.launch-dot { width: 9rpx; height: 9rpx; border-radius: 50%; background-color: #2d8cff; margin-right: 12rpx; box-shadow: 0 0 18rpx rgba(45, 140, 255, .7); }
	.launch-text { color: #7d8ca3; font-size: 24rpx; }
</style>