mirror of
https://github.com/yawaflua/LuckyDiamond.git
synced 2025-12-10 12:19:31 +02:00
51 lines
1.5 KiB
Vue
51 lines
1.5 KiB
Vue
<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 class="menu__content--slots-icon" src="../assets/icons-menu/slots-icon.svg"></a>
|
|
<a href="#"><img class="menu__content--cruch-icon" src="../assets/icons-menu/crush-icon.svg"></a>
|
|
<a href="#"><img src="../assets/icons-menu/case-icon.png"></a>
|
|
<a href="#"><img class="menu__content--bomb-icon" src="../assets/icons-menu/bomb-icon.svg"></a>
|
|
</div>
|
|
</div>
|
|
<div class="menu__btn--settings">
|
|
<a @click="ChangeAnimation" href="#"><img width="73" height="73" src="../assets/icons-menu/settings-icon.svg"></a>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
// import NotiicationwindowComponent from "@/components/NotiicationwindowComponent.vue";
|
|
import '@/assets/css/ComponentsStyles/asidebar.css'
|
|
|
|
export default {
|
|
name: 'AsideBar-Element',
|
|
// components: { NotiicationwindowComponent },
|
|
data() {
|
|
return {
|
|
AnimationOff: false
|
|
}
|
|
},
|
|
// emits: ['animationchange'],
|
|
methods: {
|
|
ChangeAnimation() {
|
|
this.AnimationOff = !this.AnimationOff
|
|
return this.$emit('animationchange', this.AnimationOff)
|
|
},
|
|
// NotificationRemove(value) {
|
|
// this.AnimationOff = value
|
|
// }
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|