lkddi/AlgerMusicPlayer
1
0
Fork 0
mirror of https://github.com/algerkong/AlgerMusicPlayer.git synced 2026-04-24 08:07:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

first

Browse Source
This commit is contained in:
algerkong
2021-07-19 17:36:48 +08:00
commit 4d1d44b0ae
21 changed files with 2446 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layout/AppLayout.vue
+106
View File
@@ -0,0 +1,106 @@
<template>
<div class="layout-page">
<div class="layout-main">
<app-menu class="menu" :menus="menus" />
<router-view class="main"></router-view>
</div>
</div>
</template>
<script lang="ts" setup>
import { ref } from '@vue/reactivity';
import { AppMenu } from './components';
let menus = ref([
{
href: '/',
icon: "icon-homefill",
text: "hello"
},
{
href: '/main',
icon: "icon-peoplefill",
text: "hello"
},
{
href: '/',
icon: "icon-homefill",
text: "hello"
},
{
href: '/main',
icon: "icon-peoplefill",
text: "hello"
},
{
href: '/',
icon: "icon-homefill",
text: "hello"
},
{
href: '/main',
icon: "icon-peoplefill",
text: "hello"
},
{
href: '/',
icon: "icon-homefill",
text: "hello"
},
{
href: '/main',
icon: "icon-peoplefill",
text: "hello"
},
{
href: '/',
icon: "icon-homefill",
text: "hello"
},
{
href: '/main',
icon: "icon-peoplefill",
text: "hello"
},
{
href: '/',
icon: "icon-videofill",
text: "hello"
},
{
href: '/',
icon: "icon-videofill",
text: "hello"
},
{
href: '/',
icon: "icon-videofill",
text: "hello"
},
{
href: '/',
icon: "icon-videofill",
text: "hello"
}
])
</script>
<style lang="scss" scoped>
.layout-page {
width: 100vw;
height: 100vh;
@apply flex justify-center items-center;
}
.layout-main {
@apply bg-black rounded-lg mb-10 text-white shadow-xl flex;
height: 800px;
width: 1400px;
.menu {
width: 70px;
}
.main {
@apply p-4;
flex: 1;
}
}
</style>