mirror of
https://github.com/RhenCloud/Cloud-Home.git
synced 2026-01-22 17:39:07 +08:00
refactor:删除已弃用的组件和样式,迁移到 Tailwind CSS
- 改进项目页面、网站页面、友链页面 - 从 styles.css 中移除全局样式。 - 添加 tailwind.config.ts 以配置 Tailwind CSS。 - 更新 tsconfig.json,加入 Vue 组件的新路径映射。
This commit is contained in:
24
app/components/MusicPlayer.vue
Normal file
24
app/components/MusicPlayer.vue
Normal file
@@ -0,0 +1,24 @@
|
||||
<template>
|
||||
<div v-if="music.enable && (music.playlistId || music.songId)" class="netease-mini-player"
|
||||
:data-playlist-id="music.mode === 'floating' ? music.playlistId : undefined"
|
||||
:data-song-id="music.mode === 'embed' ? music.songId : undefined" :data-embed="music.mode === 'embed'"
|
||||
:data-position="music.position" :data-lyric="music.lyric" :data-theme="music.theme"
|
||||
:data-autoplay="music.autoplay" :data-default-minimized="music.defaultMinimized"
|
||||
:data-auto-pause="music.autoPause" :data-api-urls="JSON.stringify(music.apiUrls)"></div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import siteConfig from "~/config/siteConfig";
|
||||
|
||||
const music = siteConfig.music;
|
||||
</script>
|
||||
|
||||
<!-- <style scoped>
|
||||
/* 音乐播放器样式由 NeteaseMiniPlayer 提供 */
|
||||
/* 使用 display: contents 使外层容器不占用空间 */
|
||||
/* 确保播放器浮动定位,不影响页面布局 */
|
||||
:deep(.netease-mini-player) {
|
||||
position: fixed !important;
|
||||
z-index: 999 !important;
|
||||
}
|
||||
</style> -->
|
||||
Reference in New Issue
Block a user