yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 12:19:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

added styles for vision players

Browse Source
This commit is contained in:
Kostya
2024-02-05 22:41:32 +03:00
parent f6ea2521ee
commit eecc9e8138
2 changed files with 142 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
luckydiamond/src/pages/games-pages/CrashgamePage.vue
View File

@@ -50,13 +50,26 @@
<section class="crash-game__players" v-if="crashObject && crashObject.Players">
<div class="crash-game-players__content">
<ul v-if="crashObject.Players.length">
<li v-for="(player, index) in crashObject.Players" :key="index">
<h2>{{ player.UserName }}</h2>
<h2>{{ player.Bid }}</h2>
<div class="win" v-if="player.UserGameState === 'Win'">
<h2>{{ player.WinningMoney }}</h2>
<h2>{{ player.WinningX }}</h2>
<ul class="user-list" v-if="crashObject.Players.length">
<li class="user-crash" v-for="(player, index) in crashObject.Players" :key="index">
<img class="user-crash__icon" :src="`https://avatar.spworlds.ru/face/55/${player.UserName}`">
<div class="user-crash__content">
<h3 class="user-name-crash">{{ player.UserName }}</h3>
<div class="user-crah__status">
<div class="status-balance">
<h2 class="user-bid-crash">{{ player.Bid }}</h2>
<img src="@/assets/icons-games/saper-game/icon-diamond-ore-saper.png">
</div>
<div class="status-game-user">
<h3 v-if="crashObject.Status === 'WaitingForPlayers' && player.WinningX <= 0 || crashObject.Status === 'InGame' && player.WinningX <= 0" class="status-game-user__style">В&nbsp;игре</h3>
<h3 v-if="crashObject.Status === 'GameEnd' && player.WinningX <= 0" class="status-game-user__style lose-game-crash">Проиграл</h3>
<div class="win-status-crash" v-if="player.WinningX >= 1">
<h3 class="win-text-crash">{{ player.WinningX.toFixed(2) }}</h3>
<h2 class="user-win-money">{{ player.WinningMoney.toFixed(2) }}</h2>
<img src="@/assets/icons-games/saper-game/icon-diamond-ore-saper.png">
</div>
</div>
</div>
</div>
</li>
</ul>