文案处理
This commit is contained in:
parent
475837b404
commit
1548e011f3
@ -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;
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user