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

没啥

Browse Source
This commit is contained in:
algerkong
2021-07-19 23:13:22 +08:00
parent 4d1d44b0ae
commit eed1211c6a
5 changed files with 22 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -6,7 +6,7 @@
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite App</title>
<link rel="stylesheet" href="//at.alicdn.com/t/font_2685283_g37f9g4ikw8.css">
<link rel="stylesheet" href="//at.alicdn.com/t/font_2685283_d0nzj20hrzk.css">
</head>
<body>

6
src/App.vue
View File

@@ -1,10 +1,12 @@
<template>
<div>
<n-config-provider :theme="darkTheme">
<router-view></router-view>
</div>
</n-config-provider>
</template>
<script lang="ts" setup>
import { darkTheme } from 'naive-ui'
</script>

61
src/layout/AppLayout.vue
View File

@@ -11,46 +11,6 @@
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",
@@ -66,21 +26,6 @@ let menus = ref([
icon: "icon-videofill",
text: "hello"
},
{
href: '/',
icon: "icon-videofill",
text: "hello"
},
{
href: '/',
icon: "icon-videofill",
text: "hello"
},
{
href: '/',
icon: "icon-videofill",
text: "hello"
}
])
</script>
@@ -88,7 +33,7 @@ let menus = ref([
.layout-page {
width: 100vw;
height: 100vh;
@apply flex justify-center items-center;
@apply flex justify-center items-center overflow-hidden;
}
.layout-main {
@@ -96,10 +41,10 @@ let menus = ref([
height: 800px;
width: 1400px;
.menu {
width: 70px;
width: 90px;
}
.main {
@apply p-4;
@apply pt-6 pr-6 pb-6;
flex: 1;
}
}

2
src/layout/components/AppMenu.vue
View File

@@ -53,7 +53,7 @@ onMounted(() => {
<style lang="scss" scoped>
.app-menu {
@apply flex-col items-center justify-center p-4;
@apply flex-col items-center justify-center p-6;
max-width: 100px;
}
.app-menu-item-link,

14
src/views/home/index.vue
View File

@@ -1,9 +1,21 @@
<template>
<div>Home</div>
<div class="main-page">
<!--音乐搜索框 -->
<div class="search-box">
<div class="search-box-input">
<n-input size="large" round placeholder="搜索歌曲或歌手...">
<template #prefix>
<i class="iconfont icon-search"></i>
</template>
</n-input>
</div>
</div>
</div>
</template>
<script lang="ts" setup>
</script>
<style lang="scss" scoped>