yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 20:29:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

changed directory for components

Browse Source
This commit is contained in:
Kostya
2023-11-20 21:49:38 +03:00
parent a4ed0ae1d6
commit 9b9561d141
4 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
luckydiamond/src/pages/AsidebarComponent.vue
View File

@@ -1,33 +0,0 @@
<template>
<aside class="menu">
<div class="menu__content">
<div class="menu__btn--home">
<a href="#"><img width="73" height="73" src="../assets/icons-menu/home-icon.svg"></a>
</div>
<div class="menu__btns--gamemodes">
<div class="menu__content--gamemodes">
<a href="#"><img src="@/assets/icons-menu/slots-icon.svg"></a>
<a href="#"><img src="@/assets/icons-menu/crush-icon.svg"></a>
<a href="#"><img src="@/assets/icons-menu/case-icon.png"></a>
<a href="#"><img src="@/assets/icons-menu/bomb-icon.svg"></a>
</div>
</div>
<div class="menu__btn--settings">
<a href="#"><img width="73" height="73" src="../assets/icons-menu/settings-icon.svg"></a>
</div>
</div>
</aside>
</template>
<script>
import '@/assets/css/ElementsStyles/asidebar.css'
export default {
name: 'AsideBar-Element'
}
</script>
<style scoped>
</style>

67
luckydiamond/src/pages/ChatComponent.vue
View File

@@ -1,67 +0,0 @@
<template>
<aside class="chat">
<div class="chat__content">
<div class="chat__container--title">
<div class="chat__title">
<h2>Чат</h2>
</div>
</div>
</div>
<div class="chat__content--users">
<ul>
<transition-group name="fade">
<li
v-for="msg in array"
:key="msg"
>
<div class="card__user">
<div class="user__icon">
<img :src="msg.icon">
</div>
<div class="content">
<h1>{{ msg.username }}</h1>
<p>{{ msg.msg }}</p>
</div>
</div>
</li>
</transition-group>
</ul>
</div>
<writechat-component @send="ClaimDatamsg"></writechat-component>
</aside>
</template>
<script>
import '@/assets/css/ElementsStyles/chat.css'
import WritechatComponent from "@/components/WritechatComponent.vue";
export default {
components: { WritechatComponent },
data() {
return {
array: [],
id: 0,
}
},
methods: {
ClaimDatamsg(msg) {
const MsgUser = {
id: this.id + 1,
msg: msg[0],
username: msg[1],
icon: msg[2]
}
this.array.push(MsgUser)
if(this.array.length > 7) {
this.array.shift()
}
}
}
}
</script>
<style scoped>
</style>

58
luckydiamond/src/pages/HeaderComponent.vue
View File

@@ -1,58 +0,0 @@
<template>
<header class="header">
<div class="header__content">
<div class="header__logo">
<img src="@/assets/logo.svg" alt="">
</div>
<div class="header__nav">
<nav>
<a href="#" class="header__nav--now">Главная</a>
<a href="#">Профиль</a>
<a href="#">Помощь</a>
</nav>
</div>
<div class="header__balance">
<div class="header__content--balance">
<div class="header__card--balance">
<h2><img src="@/assets/icons-header/diamond-ore-icon.png">{{ balance }}</h2>
</div>
<div class="header__btn--wallet">
<a href="">кошелёк</a>
</div>
</div>
</div>
<div class="header__auth--discord">
<div v-if="auth" class="header__card--discord">
<div class="discord__card--name">
<h2>Artemka</h2>
<a href="#" @click="auth = false">Выход<span><img src="@/assets/icons-header/exit-icon.png"></span></a>
</div>
<img src="@/assets/icons-test/person-icon.svg" alt="test-ico">
</div>
<div v-else class="header__card--auth">
<div class="auth__card--content">
<a href="#" @click="auth = true"><span><img width="30" height="30" src="@/assets/icons-header/discord-icon.png"></span>Вход</a>
</div>
</div>
</div>
</div>
</header>
</template>
<script>
import '@/assets/css/ElementsStyles/header.css'
export default {
name: 'Header-Element-page',
data() {
return {
balance: 25000,
auth: false
}
}
}
</script>
<style scoped>
</style>

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

@@ -23,9 +23,9 @@
</template>
<script>
import HeaderElementPage from "@/pages/HeaderComponent.vue";
import AsideBarElement from "@/pages/AsidebarComponent.vue";
import ChatElement from "@/pages/ChatComponent.vue";
import HeaderElementPage from "@/components/HeaderComponent.vue";
import AsideBarElement from "@/components/AsidebarComponent.vue";
import ChatElement from "@/components/ChatComponent.vue";
import GameModes from "@/mocks/GameModes";
import '@/assets/css/PagesStyles/home.css'