diff --git a/components.d.ts b/components.d.ts index 168a86e..c5d95f3 100644 --- a/components.d.ts +++ b/components.d.ts @@ -37,7 +37,6 @@ declare module 'vue' { PlayBottom: typeof import('./src/components/common/PlayBottom.vue')['default'] PlayListsItem: typeof import('./src/components/common/PlayListsItem.vue')['default'] PlaylistType: typeof import('./src/components/PlaylistType.vue')['default'] - PlayVideo: typeof import('./src/components/common/PlayVideo.vue')['default'] RecommendAlbum: typeof import('./src/components/RecommendAlbum.vue')['default'] RecommendSinger: typeof import('./src/components/RecommendSinger.vue')['default'] RecommendSonglist: typeof import('./src/components/RecommendSonglist.vue')['default'] diff --git a/src/App.vue b/src/App.vue index 994cbc6..1b6e6e1 100644 --- a/src/App.vue +++ b/src/App.vue @@ -32,6 +32,10 @@ onMounted(() => { 'setMenus', homeRouter.filter((item) => item.meta.isMobile), ); + console.log( + 'qqq ', + homeRouter.filter((item) => item.meta.isMobile), + ); } }); diff --git a/src/layout/AppLayout.vue b/src/layout/AppLayout.vue index e957e48..358258a 100644 --- a/src/layout/AppLayout.vue +++ b/src/layout/AppLayout.vue @@ -92,4 +92,13 @@ const route = useRoute(); .main-page { @apply h-full; } + +.mobile { + .main-content { + height: calc(100vh - 146px); + overflow: auto; + display: block; + flex: none; + } +} diff --git a/src/layout/components/AppMenu.vue b/src/layout/components/AppMenu.vue index 92d99ae..06cb0df 100644 --- a/src/layout/components/AppMenu.vue +++ b/src/layout/components/AppMenu.vue @@ -118,7 +118,7 @@ const isText = ref(false); &-item { &-link { - @apply my-4; + @apply my-4 w-auto; } } } diff --git a/src/layout/components/MusicFull.vue b/src/layout/components/MusicFull.vue index abd234c..414932c 100644 --- a/src/layout/components/MusicFull.vue +++ b/src/layout/components/MusicFull.vue @@ -40,6 +40,11 @@ {{ item.text }}
{{ item.trText }}
+ + +
+ 暂无歌词, 请欣赏 +
@@ -291,7 +296,7 @@ defineExpose({ } } .music-lrc-text { - text-align: center; + @apply text-xl text-center; } } } diff --git a/src/layout/components/PlayBar.vue b/src/layout/components/PlayBar.vue index f61444d..575a171 100644 --- a/src/layout/components/PlayBar.vue +++ b/src/layout/components/PlayBar.vue @@ -64,13 +64,13 @@ - + {{ playModeText }} - + @@ -128,7 +128,7 @@ import { useStore } from 'vuex'; import SongItem from '@/components/common/SongItem.vue'; import { allTime, isElectron, isLyricWindowOpen, nowTime, openLyric, sound, textColors } from '@/hooks/MusicHook'; import type { SongResult } from '@/type/music'; -import { getImgUrl, secondToMinute, setAnimationClass } from '@/utils'; +import { getImgUrl, isMobile, secondToMinute, setAnimationClass } from '@/utils'; import MusicFull from './MusicFull.vue';