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

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

@@ -193,35 +193,31 @@
</div> </div>
</div> </div>
<div class="col-md-12"> <div class="col-md-12">
<div class="jackpot-useringame-list"> <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-banner">
<div class="jackpot-content"> <div class="jackpot-content">
<img <img :src="user.avatarUrl" alt="Player Avatar" class="jackpot-avatar" />
src="https://avatar.spworlds.ru/face/55/Hepatir.png"
alt="Player Avatar"
class="jackpot-avatar"
/>
<div class="jackpot-info"> <div class="jackpot-info">
<span class="jackpot-name">FUpir</span> <span class="jackpot-name">{{ user.name }}</span>
<span class="jackpot-gems">500<span class="jackpot-gems-icon" <span class="jackpot-gems">{{ user.gems }}<span class="jackpot-gems-icon">
><img class="jackpot-gems-icon-extension" <img class="jackpot-gems-icon-extension" src="@/assets/icons-games/saper-game/icon-diamond-ore-saper.png" /></span>
src="@/assets/icons-games/saper-game/icon-diamond-ore-saper.png" </span>
/></span></span>
</div> </div>
</div> </div>
<div class="jackpot-chance"> <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>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@@ -272,6 +268,27 @@ export default {
return { return {
JackpotNumbers, JackpotNumbers,
autoplay: 0, 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: [ // slides: [
// { // {
// img: "https://avatar.spworlds.ru/face/55/Hepatir.png", // img: "https://avatar.spworlds.ru/face/55/Hepatir.png",