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 api connect, refactor styles

Browse Source
This commit is contained in:
Kostya
2024-04-06 16:52:12 +03:00
parent d8977ae282
commit 2f424a8e4e
3 changed files with 62 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
luckydiamond/src/pages/JackopthistoryPage.vue
View File

@@ -8,44 +8,58 @@ t<template>
<div class="jackpot-history">
<div class="jackpot-history__content">
<!-- TEMPLATE -->
<div class="jackpot-history__element">
<div class="element-info">
<div class="element-info__icon">
<img src="@/assets/icons-test/user-icon-test.png">
<ul class="jackpot-history__element">
<li v-for="(game, index) in historyGame" :key="index">
<div class="jackpot-history__element">
<div class="element-info">
<div class="element-info__icon">
<img :src="`https://avatar.spworlds.ru/face/55/${game.winnerUserName}`">
</div>
<div class="element-info__user-info">
<h2 class="username">{{ game.winnerUserName }}</h2>
<h2 class="user-deposit">
{{ game.winStake }}
<span class="img-width"><img src="@/assets/icons-profile/icon-diamond-ore.png"></span>
</h2>
</div>
</div>
<div class="element-chance">
<h2>
Шанс <span class="chance-style">{{ game.winnerPercentage.toFixed(2) }}%</span>
</h2>
</div>
</div>
<div class="element-info__user-info">
<h2 class="username">FUpir</h2>
<h2 class="user-deposit">
1000
<span class="img-width"><img src="@/assets/icons-profile/icon-diamond-ore.png"></span>
</h2>
</div>
</div>
<div class="element-chance">
<h2>
Шанс <span class="chance-style">15.55%</span>
</h2>
</div>
</div>
<!-- TEMPLATE -->
</li>
</ul>
</div>
</div>
</div>
</template>
<script>
import { onMounted, reactive } from "vue";
import ChatComponent from "@/components/ChatComponent.vue";
import AsideBarElement from "@/components/AsidebarComponent.vue";
import HeaderElementPage from "@/components/HeaderComponent.vue";
import '@/assets/css/PagesStyles/jackpot-history.css'
import {getJackpotHistoryGame} from "@/assets/js/jackpot/JackpotLogic";
export default {
components: {HeaderElementPage, ChatComponent, AsideBarElement}
components: {HeaderElementPage, ChatComponent, AsideBarElement},
setup() {
let historyGame = reactive({})
onMounted(() => {
getJackpotHistoryGame()
.then(response => {
Object.assign(historyGame, response)
})
})
return { historyGame }
}
}
</script>