优化游戏界面状态显示逻辑,调整完成状态的展示位置和样式

This commit is contained in:
zyh
2025-08-30 00:46:02 +08:00
parent a2edb52f56
commit 139d983b64

View File

@@ -31,7 +31,7 @@
<!-- 游戏界面 --> <!-- 游戏界面 -->
<GamePage <GamePage
v-else-if="state.status === 'LOGGED_IN' || state.status === 'COMPLETED'" v-else-if="state.status === 'LOGGED_IN'"
:region="state.region" :region="state.region"
:region-desc="state.regionDesc" :region-desc="state.regionDesc"
:machine-id="state.machineId" :machine-id="state.machineId"
@@ -44,6 +44,11 @@
:current-points="state.currentPoints" :current-points="state.currentPoints"
/> />
<!-- 完成状态 -->
<div v-else-if="state.status === 'COMPLETED'" class="completed-page">
<div class="completed-text">已打完</div>
</div>
<!-- 刷新等待界面 --> <!-- 刷新等待界面 -->
<RefreshWaitPage <RefreshWaitPage
v-else-if="state.needRefresh" v-else-if="state.needRefresh"
@@ -215,4 +220,26 @@ export default {
position: relative; position: relative;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
} }
.completed-page {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
background: white;
min-height: 100vh;
}
.completed-text {
font-size: 48px;
font-weight: bold;
color: #28a745;
text-align: center;
}
@media (max-width: 768px) {
.completed-text {
font-size: 36px;
}
}
</style> </style>