优化游戏页面图片展示逻辑,使用 machineId 动态生成图片链接,简化资产管理
This commit is contained in:
@@ -18,23 +18,22 @@
|
||||
<div class="status-message" :class="statusMessageClass">
|
||||
{{ statusMessage }}
|
||||
</div>
|
||||
|
||||
<!-- 游戏截图展示区域 -->
|
||||
<div class="image-gallery">
|
||||
<div class="image-item" v-if="assets?.homepageUrl">
|
||||
<img :src="assets.homepageUrl" alt="首次主页" class="game-image" />
|
||||
<div class="image-item" v-if="machineId">
|
||||
<img :src="`https://2.uzi0.cc/image/${machineId}/首次主页.png`" alt="首次主页" class="game-image" />
|
||||
<div class="image-label">首次主页</div>
|
||||
</div>
|
||||
<div class="image-item" v-if="assets?.firstRewardUrl">
|
||||
<img :src="assets.firstRewardUrl" alt="首次赏金" class="game-image" style="transform: rotate(-90deg);" />
|
||||
<div class="image-item" v-if="machineId">
|
||||
<img :src="`https://2.uzi0.cc/image/${machineId}/首次赏金.png`" alt="首次赏金" class="game-image" style="transform: rotate(-90deg);" />
|
||||
<div class="image-label">首次赏金</div>
|
||||
</div>
|
||||
<div class="image-item" v-if="assets?.midRewardUrl">
|
||||
<img :src="assets.midRewardUrl" alt="中途赏金" class="game-image" />
|
||||
<div class="image-item" v-if="machineId">
|
||||
<img :src="`https://2.uzi0.cc/image/${machineId}/中途赏金.png`" alt="中途赏金" class="game-image" />
|
||||
<div class="image-label">中途赏金</div>
|
||||
</div>
|
||||
<div class="image-item" v-if="assets?.endRewardUrl">
|
||||
<img :src="assets.endRewardUrl" alt="结束赏金" class="game-image" />
|
||||
<div class="image-item" v-if="machineId">
|
||||
<img :src="`https://2.uzi0.cc/image/${machineId}/结束赏金.png`" alt="结束赏金" class="game-image" />
|
||||
<div class="image-label">结束赏金</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user