mirror of
https://github.com/yawaflua/LuckyDiamond.git
synced 2025-12-10 12:19:31 +02:00
46 lines
1.3 KiB
Vue
46 lines
1.3 KiB
Vue
<template>
|
|
<div class="content-grid--saper">
|
|
<aside-bar-element></aside-bar-element>
|
|
|
|
<header-element-page></header-element-page>
|
|
|
|
<chat-component id="chat"></chat-component>
|
|
|
|
<section class="saper">
|
|
<div class="saper-start">
|
|
<div class="saper-start__content title-saper padding-elements">
|
|
<h2>Сапёр</h2>
|
|
<p>Находи изумруды на поле и избегай кристалы</p>
|
|
<div class="saper-start__choises crystals">
|
|
<h3>Количество кристалов</h3>
|
|
<div class="crystals__choises crystals-input__margin">
|
|
<img class="crystal-icon" width="25" height="25" src="@/assets/icons-games/saper-game/icon-crystall-saper.svg">
|
|
<input type="number">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import ChatComponent from "@/components/ChatComponent.vue";
|
|
import AsideBarElement from "@/components/AsidebarComponent.vue";
|
|
import HeaderElementPage from "@/components/HeaderComponent.vue";
|
|
import '@/assets/css/PagesStyles/games-pages/saper.css'
|
|
import SaperNumbers from "@/mocks/SaperNumbers";
|
|
|
|
export default {
|
|
components: {ChatComponent, HeaderElementPage, AsideBarElement },
|
|
data() {
|
|
return {
|
|
SaperNumbers
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |