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

add fix chat

Browse Source
This commit is contained in:
Hepatica
2024-02-17 15:58:20 +01:00
parent 0452795c3a
commit fbccfe04ee
2 changed files with 62 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
luckydiamond/src/pages/HomePage.vue
View File

@@ -11,7 +11,16 @@
<div class="main__content">
<h3>онлайн-казино</h3>
<h1>lucky diamond</h1>
<h4>minecraft casino - <span :class="{ 'animate__text--main__block': !AnimationOff, 'default__text--main__block': AnimationOff }">spm</span></h4>
<h4>
minecraft casino -
<span
:class="{
'animate__text--main__block': !AnimationOff,
'default__text--main__block': AnimationOff,
}"
>spm</span
>
</h4>
</div>
</main>
@@ -23,16 +32,18 @@
<div class="gamemode__content--card">
<div class="gamemode__main bg-card">
<ul>
<li
v-for="mode in mainGameMode"
:key="mode.id"
>
<li v-for="mode in mainGameMode" :key="mode.id">
<div class="line__content">
<h3 class="title-firstline">{{ mode.title }}</h3>
<div class="line__footer">
<img src="../assets/icons-gamemodes/bomb-icon.svg">
<img src="../assets/icons-gamemodes/bomb-icon.svg" />
<div class="line__btn--main">
<a href="#" @click="$router.push({ name: 'saper' })" class="line__btn">play <span class="line__btn--elm">></span></a>
<a
href="#"
@click="$router.push({ name: 'saper' })"
class="line__btn"
>play <span class="line__btn--elm">></span></a
>
</div>
</div>
</div>
@@ -43,19 +54,24 @@
<div class="gamemode__firstline bg-card">
<ul>
<li
v-for="mode in firstlineGameMode"
:key="mode.id"
class="display-firstline"
v-for="mode in firstlineGameMode"
:key="mode.id"
class="display-firstline"
>
<div :class="'linecontent-' + mode.id">
<div class="container">
<h1 class="title-firstline">{{ mode.title }}</h1>
<!-- <a href="#" class="line__btn">play <span class="line__btn--elm">></span></a> -->
<a href="#" @click="$router.push({ name: 'jackpot' })" class="line__btn">play <span class="line__btn--elm">></span></a>
<a
href="#"
@click="$router.push({ name: 'jackpot' })"
class="line__btn"
>play <span class="line__btn--elm">></span></a
>
</div>
</div>
<div class="line__img">
<img src="@/assets/icons-gamemodes/case-icon.png">
<img src="@/assets/icons-gamemodes/case-icon.png" />
</div>
</li>
</ul>
@@ -63,40 +79,41 @@
<div class="gamemode__twolines">
<div class="gamemode__twoline--first__element bg-card">
<ul>
<li
v-for="mode in twolinefirstelementGameMode"
:key="mode"
>
<li v-for="mode in twolinefirstelementGameMode" :key="mode">
<div :class="'linecontent-' + mode.id">
<h3 class="title-twoline">{{ mode.title }}</h3>
</div>
<div class="container">
<a href="#" class="line__btn">play <span class="line__btn--elm ">></span></a>
<img src="@/assets/icons-gamemodes/slots-icon.png">
<a href="#" class="line__btn"
>play <span class="line__btn--elm">></span></a
>
<img src="@/assets/icons-gamemodes/slots-icon.png" />
</div>
</li>
</ul>
</div>
<div class="gamemode__twoline--two__element bg-card">
<ul>
<li
v-for="mode in twolinetwoelementGameMode"
:key="mode.id"
>
<li v-for="mode in twolinetwoelementGameMode" :key="mode.id">
<div :class="'linecontent-' + mode.id">
<h3 class="title-twoline">{{ mode.title }}</h3>
</div>
<div class="container">
<!-- <a href="#" class="line__btn">play <span class="line__btn--elm">></span></a> -->
<a href="#" @click="$router.push({ name: 'crash' })" class="line__btn">play <span class="line__btn--elm">></span></a>
<img src="@/assets/icons-gamemodes/crush-icon.svg">
<a
href="#"
@click="$router.push({ name: 'crash' })"
class="line__btn"
>play <span class="line__btn--elm">></span></a
>
<img src="@/assets/icons-gamemodes/crush-icon.svg" />
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</template>
@@ -105,18 +122,24 @@
import HeaderComponent from "@/components/HeaderComponent.vue";
import AsideBarComponent from "@/components/AsidebarComponent.vue";
import HomemobilePage from "@/pages/adaptive-pages/HomemobilePage.vue";
import ChatComponent from "@/components/ChatComponent.vue";
import GameModes from "@/mocks/GameModes";
import '@/assets/css/PagesStyles/home.css'
import "@/assets/css/PagesStyles/home.css";
export default {
name: 'HomePage',
components: { AsideBarComponent, HeaderComponent, HomemobilePage },
name: "HomePage",
components: {
AsideBarComponent,
HeaderComponent,
ChatComponent,
HomemobilePage,
},
data() {
return {
GameModes,
AnimationOff: false,
mobile: false,
}
};
},
methods: {
// claimSettings(value) {
@@ -129,30 +152,29 @@ export default {
// }
},
mounted() {
this.checkWindowSize()
this.checkWindowSize();
this.AddWindowListener()
this.AddWindowListener();
},
beforeUnmount() {
this.RemoveWindowListener()
this.RemoveWindowListener();
},
computed: {
mainGameMode() {
return this.GameModes.filter(mode => [1].includes(mode.id))
return this.GameModes.filter((mode) => [1].includes(mode.id));
},
firstlineGameMode() {
return this.GameModes.filter(mode => [2].includes(mode.id))
return this.GameModes.filter((mode) => [2].includes(mode.id));
},
twolinefirstelementGameMode() {
return this.GameModes.filter(mode => [3].includes(mode.id))
return this.GameModes.filter((mode) => [3].includes(mode.id));
},
twolinetwoelementGameMode() {
return this.GameModes.filter(mode => [4].includes(mode.id))
}
}
}
return this.GameModes.filter((mode) => [4].includes(mode.id));
},
},
};
</script>
<style scoped>
</style>

1
luckydiamond/src/router/router.js
View File

@@ -6,7 +6,6 @@ import SapergamePage from "@/pages/games-pages/SapergamePage.vue";
import SettingsPage from "@/pages/SettingsPage.vue";
import CrashGamePage from "@/pages/games-pages/CrashgamePage.vue";
import JackpotPage from "@/pages/games-pages/JackpotPage.vue";
import SettingsPage from "@/pages/SettingsPage.vue"
import AboutPage from "@/pages/AboutPage.vue"
export default createRouter({