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

added frontend for userl list in game

Browse Source
This commit is contained in:
Hepatica
2024-02-25 03:16:24 +01:00
parent 2f76ae3f3d
commit 37dc8795b4
2 changed files with 35 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
luckydiamond/src/assets/css/PagesStyles/games-pages/jackpot.css
View File

@@ -60,6 +60,8 @@
}
.jackpot-useringame-list{
margin-top: 3.5%;
overflow-y: auto;
height: 62vh
}
.jackpot-carousel-user {
z-index: 1;
@@ -69,12 +71,11 @@
background: #1F2543;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
width: 100%;
margin-top: 1%;
margin-bottom: 1%;
/* height: 480px; */
/* height: 100%; */
border: 1px solid #262C55;
height: 95%;
}

47
luckydiamond/src/pages/games-pages/JackpotPage.vue
View File

@@ -193,35 +193,31 @@
</div>
</div>
<div class="col-md-12">
<div class="jackpot-useringame-list">
<div class="jackpot-carousel-user">
<div class="jackpot-carousel-user" v-for="(user, index) in users" :key="index">
<div class="jackpot-banner">
<div class="jackpot-content">
<img
src="https://avatar.spworlds.ru/face/55/Hepatir.png"
alt="Player Avatar"
class="jackpot-avatar"
/>
<img :src="user.avatarUrl" alt="Player Avatar" class="jackpot-avatar" />
<div class="jackpot-info">
<span class="jackpot-name">FUpir</span>
<span class="jackpot-gems">500<span class="jackpot-gems-icon"
><img class="jackpot-gems-icon-extension"
src="@/assets/icons-games/saper-game/icon-diamond-ore-saper.png"
/></span></span>
<span class="jackpot-name">{{ user.name }}</span>
<span class="jackpot-gems">{{ user.gems }}<span class="jackpot-gems-icon">
<img class="jackpot-gems-icon-extension" src="@/assets/icons-games/saper-game/icon-diamond-ore-saper.png" /></span>
</span>
</div>
</div>
<div class="jackpot-chance">
ШАНС <span class="jackpot-percentage">15.55%</span>
ШАНС <span class="jackpot-percentage">{{ user.chance }}%</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@@ -272,6 +268,27 @@ export default {
return {
JackpotNumbers,
autoplay: 0,
users: [
// {
// name: "FUpir",
// gems: 500,
// avatarUrl: "https://avatar.spworlds.ru/face/55/Hepatir.png",
// chance: 16.55
// },
// {
// name: "FUpir",
// gems: 500,
// avatarUrl: "https://avatar.spworlds.ru/face/55/Hepatir.png",
// chance: 16.55
// },
// {
// name: "FUpir",
// gems: 500,
// avatarUrl: "https://avatar.spworlds.ru/face/55/Hepatir.png",
// chance: 16.55
// },
],
// Добавьте других пользователей по аналогии
// slides: [
// {
// img: "https://avatar.spworlds.ru/face/55/Hepatir.png",