feat(profile): 添加酒桌小游戏入口到个人资料页面

- 在个人资料页面顶部区域添加酒桌小游戏入口卡片
- 实现游戏入口点击跳转功能,支持数字炸弹、猜拳、骰子等游戏
- 移除重复的游戏入口代码并优化布局结构
- 修复头像区域样式间距问题,移除多余的顶部内边距
This commit is contained in:
cg
2026-07-20 23:31:18 +08:00
parent 49ef6eedb8
commit d56788faa4
+17 -19
View File
@@ -54,6 +54,23 @@
</view>
</view>
<!-- 酒桌小游戏入口 -->
<view class="actions-section">
<view class="action-card" @click="goGames">
<view class="action-icon-wrap action-icon-games">
<text class="action-icon">🎲</text>
</view>
<view class="action-text">
<view class="action-title-row">
<text class="action-title">酒桌小游戏</text>
<view class="action-hot-tag">HOT</view>
</view>
<text class="action-desc">数字炸弹·猜拳·骰子·转盘今晚谁喝</text>
</view>
<text class="action-arrow"></text>
</view>
</view>
<!-- 连续打卡卡片 -->
<view class="streak-section">
<view class="streak-card" :class="stats.streakType === 'drank' ? 'streak-drank' : 'streak-abstain'">
@@ -117,24 +134,6 @@
</scroll-view>
</view>
<!-- 操作入口 -->
<view class="actions-section">
<!-- 酒桌小游戏 -->
<view class="action-card" @click="goGames">
<view class="action-icon-wrap action-icon-games">
<text class="action-icon">🎲</text>
</view>
<view class="action-text">
<view class="action-title-row">
<text class="action-title">酒桌小游戏</text>
<view class="action-hot-tag">HOT</view>
</view>
<text class="action-desc">数字炸弹·猜拳·骰子·转盘今晚谁喝</text>
</view>
<text class="action-arrow"></text>
</view>
</view>
<!-- 登出/登录 -->
<view class="logout-area">
<button v-if="isGuest" class="btn-ghost logout-btn" @click="goLogin">
@@ -483,7 +482,6 @@ export default {
display: flex;
flex-direction: row;
align-items: center;
padding-top: $sp-xl;
}
.avatar-ring {