feat(game): 新增酒桌小游戏功能并优化图标显示

- 添加了完整的酒桌小游戏页面,包含数字炸弹、猜拳大战、骰子大话和命运转盘四个游戏
- 实现了成就徽章组件的图标路径判断逻辑,支持图片和文字图标的动态切换
- 更新了饮酒分类常量中的白酒图标为酒杯样式,并修改成就图标为SVG路径
- 重构了动态卡片组件中的分类表情符号显示方式,支持SVG图标渲染
- 添加了游戏页面的路由配置和完整的交互功能实现
This commit is contained in:
cg
2026-07-20 23:25:55 +08:00
parent fabbb167cf
commit 49ef6eedb8
7 changed files with 1361 additions and 21 deletions
+11 -2
View File
@@ -5,7 +5,8 @@
@click="$emit('click')"
>
<view class="badge-icon-wrap">
<text class="badge-icon">{{ achievement.icon }}</text>
<image v-if="isIconPath(achievement.icon)" :src="achievement.icon" class="badge-icon-img" mode="aspectFit"></image>
<text v-else class="badge-icon">{{ achievement.icon }}</text>
<view v-if="!achievement.unlocked" class="badge-lock">
<text class="badge-lock-icon">🔒</text>
</view>
@@ -15,11 +16,14 @@
</template>
<script>
import { isIconPath } from '../common/utils'
export default {
props: {
achievement: { type: Object, required: true }
},
emits: ['click']
emits: ['click'],
methods: { isIconPath }
}
</script>
@@ -74,6 +78,11 @@ export default {
font-size: 48rpx;
}
.badge-icon-img {
width: 52rpx;
height: 52rpx;
}
.badge-lock {
position: absolute;
bottom: -4rpx;