mirror of
https://github.com/algerkong/AlgerMusicPlayer.git
synced 2026-04-15 23:40:50 +08:00
51 lines
993 B
Vue
51 lines
993 B
Vue
<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-videofill",
|
|
text: "hello"
|
|
},
|
|
])
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.layout-page {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
@apply flex justify-center items-center overflow-hidden;
|
|
}
|
|
|
|
.layout-main {
|
|
@apply bg-black rounded-lg mb-10 text-white shadow-xl flex;
|
|
height: 800px;
|
|
width: 1400px;
|
|
.menu {
|
|
width: 90px;
|
|
}
|
|
.main {
|
|
@apply pt-6 pr-6 pb-6;
|
|
flex: 1;
|
|
}
|
|
}
|
|
</style> |