mirror of
https://github.com/RhenCloud/Cloud-Home.git
synced 2026-01-22 17:39:07 +08:00
RhenCloud
6b05f7c74e
在多个组件中将 `img` 标签替换为 `NuxtImg` 标签，提升图片加载的性能和优化。例如，在 `AboutSection.vue`、`FriendsSection.vue`、`HeroSection.vue`、`ProjectsSection.vue`、`SitesSection.vue` 和 `SkillsSection.vue` 中的图片标签。 refactor(app): 扩展 `nuxt.config.ts` 配置 扩展了 `nuxt.config.ts` 配置文件中的模块配置，添加了 `@nuxt/image` 和 `@nuxt/eslint` 模块。同时，优化了 `routeRules` 配置，以支持预渲染和增量静态生成。
26 lines
1.0 KiB
Vue
26 lines
1.0 KiB
Vue
<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)"/>
|
|
</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> -->
|