lkddi/AlgerMusicPlayer
1
0
Fork 0
mirror of https://github.com/algerkong/AlgerMusicPlayer.git synced 2026-04-28 02:47:22 +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
index.html
+1 -1
View File
@@ -6,7 +6,7 @@
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite App</title> <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> </head>
<body> <body>
src/App.vue
+4 -2
View File
@@ -1,10 +1,12 @@
<template> <template>
<div> <n-config-provider :theme="darkTheme">
<router-view></router-view> <router-view></router-view>
</div> </n-config-provider>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { darkTheme } from 'naive-ui'
</script> </script>
src/layout/AppLayout.vue
+3 -58
View File
@@ -11,46 +11,6 @@
import { ref } from '@vue/reactivity'; import { ref } from '@vue/reactivity';
import { AppMenu } from './components'; import { AppMenu } from './components';
let menus = ref([ 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: '/', href: '/',
icon: "icon-homefill", icon: "icon-homefill",
@@ -66,21 +26,6 @@ let menus = ref([
icon: "icon-videofill", icon: "icon-videofill",
text: "hello" text: "hello"
}, },
{
href: '/',
icon: "icon-videofill",
text: "hello"
},
{
href: '/',
icon: "icon-videofill",
text: "hello"
},
{
href: '/',
icon: "icon-videofill",
text: "hello"
}
]) ])
</script> </script>
@@ -88,7 +33,7 @@ let menus = ref([
.layout-page { .layout-page {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
@apply flex justify-center items-center; @apply flex justify-center items-center overflow-hidden;
} }
.layout-main { .layout-main {
@@ -96,10 +41,10 @@ let menus = ref([
height: 800px; height: 800px;
width: 1400px; width: 1400px;
.menu { .menu {
width: 70px; width: 90px;
} }
.main { .main {
@apply p-4; @apply pt-6 pr-6 pb-6;
flex: 1; flex: 1;
} }
} }
src/layout/components/AppMenu.vue
+1 -1
View File
@@ -53,7 +53,7 @@ onMounted(() => {
<style lang="scss" scoped> <style lang="scss" scoped>
.app-menu { .app-menu {
@apply flex-col items-center justify-center p-4; @apply flex-col items-center justify-center p-6;
max-width: 100px; max-width: 100px;
} }
.app-menu-item-link, .app-menu-item-link,
src/views/home/index.vue
+13 -1
View File
@@ -1,9 +1,21 @@
<template> <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> </template>
<script lang="ts" setup> <script lang="ts" setup>
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>