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 bg for each id elem from array and change placed id in template, homepage

Browse Source
This commit is contained in:
Kostya
2023-11-15 22:02:16 +03:00
parent 0d40358c6b
commit 5832384d94
1 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -27,26 +27,24 @@
</div>
<div class="gamemode__content--card">
<div class="gamemode__main">
<div class="line__content" style="margin: 16px 38px 0px 0px">
<ul>
<li
v-for="mode in mainGameMode"
:key="mode.id"
:id="'maincard-' + mode.id"
>
{{ mode.title }}
<div class="line__content" style="margin: 16px 38px 0px 0px" :id="'maincard-' + mode.id">
{{ mode.title }}
</div>
</li>
</ul>
</div>
</div>
<div class="gamemode__line--first">
<ul>
<li
v-for="mode in firstlineGameMode"
:key="mode.id"
:id="'linefirst-' + mode.id"
>
<div class="line__content" style="margin: 16px 38px 20px 0px">
<div class="line__content" style="margin: 16px 38px 20px 0px" :id="'linefirst-' + mode.id">
{{ mode.title }}
</div>
</li>
@@ -57,9 +55,8 @@
<li
v-for="mode in TwolineGameMode"
:key="mode.id"
:id="'linetwo-' + mode.id"
>
<div class="line__content" style="margin: 16px 38px 20px 0px">
<div class="line__content" style="margin: 16px 38px 20px 0px" :id="'linetwo-' + mode.id">
{{ mode.title }}
</div>
</li>
@@ -204,4 +201,19 @@ export default {
height: 212px;
background: #d5d5d5;
}
.gamemode__main #maincard-1 {
background: url("../assets/bg-gamemode/bg-main.png");
}
.gamemode__line--first #linefirst-2 {
background: url("../assets/bg-gamemode/bg-dg.png");
}
.gamemode__line--first #linefirst-3 {
background: url("../assets/bg-gamemode/bg-cg.png");
}
.gamemode__line--two #linetwo-4 {
background: url("../assets/bg-gamemode/bg-jg.png");
}
.gamemode__line--two #linetwo-5 {
background: url("../assets/bg-gamemode/bg-mg.png");
}
</style>