feat(profile): 添加酒桌小游戏入口到个人资料页面
- 在个人资料页面顶部区域添加酒桌小游戏入口卡片 - 实现游戏入口点击跳转功能,支持数字炸弹、猜拳、骰子等游戏 - 移除重复的游戏入口代码并优化布局结构 - 修复头像区域样式间距问题,移除多余的顶部内边距
This commit is contained in:
+17
-19
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user