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

renamed for past elements in /pages

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

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

@@ -0,0 +1,58 @@
<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>