feat(mobile): add voting status step to onboarding tour
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -17,6 +17,11 @@ const tourSteps = [
|
|||||||
content: '欢迎参与节目投票!您有 7 张选票,可以为喜欢的节目投出不同奖项。',
|
content: '欢迎参与节目投票!您有 7 张选票,可以为喜欢的节目投出不同奖项。',
|
||||||
position: 'center' as const,
|
position: 'center' as const,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
target: '[data-tour="voting-status"]',
|
||||||
|
content: '请留意这里的投票状态,当显示"投票进行中"时才能开始投票。',
|
||||||
|
position: 'bottom' as const,
|
||||||
|
},
|
||||||
{
|
{
|
||||||
target: '[data-tour="voting-dock"]',
|
target: '[data-tour="voting-dock"]',
|
||||||
content: '第一步:选择一个奖项。每个奖项只能投给一个节目。',
|
content: '第一步:选择一个奖项。每个奖项只能投给一个节目。',
|
||||||
@@ -103,7 +108,7 @@ onMounted(() => {
|
|||||||
<span class="logout-btn" @click="handleLogout">退出</span>
|
<span class="logout-btn" @click="handleLogout">退出</span>
|
||||||
</div>
|
</div>
|
||||||
<!-- 中间:投票状态 -->
|
<!-- 中间:投票状态 -->
|
||||||
<span class="voting-status" :class="{ active: votingStore.votingOpen }">
|
<span class="voting-status" :class="{ active: votingStore.votingOpen }" data-tour="voting-status">
|
||||||
<span class="status-dot" :class="{ pulsing: votingStore.votingOpen }"></span>
|
<span class="status-dot" :class="{ pulsing: votingStore.votingOpen }"></span>
|
||||||
{{ votingStatusMessage }}
|
{{ votingStatusMessage }}
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user