文案处理

This commit is contained in:
tianfeng 2025-08-22 18:07:39 +08:00
parent 475837b404
commit 1548e011f3

View File

@ -2,17 +2,17 @@
<div class="loading-view">
<!-- 背景渐变 -->
<div class="loading-background"></div>
<!-- 加载内容 -->
<div class="loading-content">
<!-- Logo或品牌标识 -->
<div class="logo-container">
<div class="logo">
<div class="logo-icon">📱</div>
<h1 class="logo-text">LikeI</h1>
<h1 class="logo-text">Likei</h1>
</div>
</div>
<!-- 加载动画 -->
<div class="loading-animation">
<div class="spinner">
@ -21,13 +21,13 @@
<div class="spinner-ring"></div>
</div>
</div>
<!-- 加载文本 -->
<div class="loading-text">
<p class="main-text">{{ loadingText }}</p>
<p class="sub-text">{{ subText }}</p>
</div>
<!-- 进度条 -->
<div class="progress-container">
<div class="progress-bar">
@ -36,10 +36,10 @@
<span class="progress-text">{{ Math.round(progress) }}%</span>
</div>
</div>
<!-- 底部提示 -->
<div class="loading-footer">
<p>Powered by LikeI Team</p>
<p>Powered by Likei Team</p>
</div>
</div>
</template>
@ -78,16 +78,16 @@ const startLoading = async () => {
if (isInApp()) {
await connectToApp()
}
//
startProgressAnimation()
//
await waitForLoadingComplete()
//
await navigateToTargetPage()
} catch (error) {
console.error('Loading failed:', error)
//
@ -101,7 +101,7 @@ const connectToApp = async () => {
connectApplication(async (access) => {
try {
const result = parseAccessOrigin(access)
if (result.success) {
const headerInfo = parseHeader(result.data)
await setHttpHeaders(headerInfo)
@ -122,16 +122,16 @@ const startProgressAnimation = () => {
let currentProgress = 0
const totalDuration = loadingSteps.reduce((sum, step) => sum + step.duration, 0)
const progressIncrement = 100 / totalDuration * 50 // 50ms
progressInterval = setInterval(() => {
currentProgress += progressIncrement
progress.value = Math.min(currentProgress, 100)
if (progress.value >= 100) {
clearInterval(progressInterval)
}
}, 50)
//
updateLoadingStep()
}
@ -142,7 +142,7 @@ const updateLoadingStep = () => {
const step = loadingSteps[currentStepIndex]
loadingText.value = step.text
subText.value = step.subText
stepTimeout = setTimeout(() => {
currentStepIndex++
updateLoadingStep()
@ -163,13 +163,13 @@ const navigateToTargetPage = async () => {
try {
//
const response = await getTeamEntry()
if (response && response.status && response.body) {
//
const memberProfile = response.body.memberProfile
if (memberProfile) {
setUserInfo(memberProfile, response.body.teamProfile)
//
//
router.replace('/host-center')
@ -231,7 +231,7 @@ onUnmounted(() => {
left: 0;
right: 0;
bottom: 0;
background:
background:
radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.15) 0%, transparent 50%),
radial-gradient(circle at 40% 40%, rgba(120, 219, 255, 0.1) 0%, transparent 50%);
@ -399,20 +399,20 @@ onUnmounted(() => {
.loading-content {
max-width: 280px;
}
.logo-icon {
font-size: 50px;
}
.logo-text {
font-size: 28px;
}
.spinner {
width: 50px;
height: 50px;
}
.main-text {
font-size: 16px;
}