feat(game): 新增酒桌小游戏功能并优化图标显示
- 添加了完整的酒桌小游戏页面,包含数字炸弹、猜拳大战、骰子大话和命运转盘四个游戏 - 实现了成就徽章组件的图标路径判断逻辑,支持图片和文字图标的动态切换 - 更新了饮酒分类常量中的白酒图标为酒杯样式,并修改成就图标为SVG路径 - 重构了动态卡片组件中的分类表情符号显示方式,支持SVG图标渲染 - 添加了游戏页面的路由配置和完整的交互功能实现
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user