feat(about): 移除音乐模块并优化布局

- 删除音乐播放器相关HTML结构和CSS样式
- 移除APlayer库的引用和初始化代码
- 更新网格布局减少一行row定义
- 清理移动端FAB菜单中的音乐按钮
- 移除与音乐相关的国际化文本配置
- 优化导航激活状态下的背景色表现
- 隐藏操作按钮并调整其交互逻辑
- 修复文本渐变效果在不同浏览器下的兼容性问题
- 移除音乐模块后对浮动按钮功能进行相应调整
- 清理全局配置中不再使用的音乐播放列表设置
This commit is contained in:
hehh
2025-11-23 21:28:48 +08:00
parent 9e3564e60d
commit 16a135053f
4 changed files with 15 additions and 167 deletions

View File

@@ -9,7 +9,6 @@
<link href="https://cdn.bootcdn.net/ajax/libs/remixicon/3.5.0/remixicon.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/about.css">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/aplayer/1.10.1/APlayer.min.css">
<!-- Artalk 评论样式 -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/artalk/2.9.1/Artalk.css">
<link rel="icon" href="favicon.ico">
@@ -189,20 +188,6 @@
</div>
</div>
<!-- [7] 音乐模块 (Music) -->
<div class="bento-card area-music">
<div class="card-header">
<h3 class="glow-title"><i class="ri-music-2-line"></i> <span data-i18n="music.title">Music</span></h3>
</div>
<div class="vinyl-player">
<div class="vinyl-disc" id="vinyl-disc"></div>
<span id="music-status" class="vinyl-status" style="display:none;" data-i18n="music.unavailable">Player under maintenance</span>
<div class="vinyl-lyrics" id="vinyl-lyrics">
<div id="lyric-current">--</div>
</div>
<div id="aplayer" class="aplayer" style="flex:1;"></div>
</div>
</div>
<!-- 移动端显示的社交栏 (6个链接) -->
<div class="bento-card area-social-mobile mobile-social">
@@ -264,7 +249,6 @@
<div class="fab-menu" id="fab-menu">
<button id="fab-lang" class="fab-item"><i class="ri-translate-2"></i><span class="fab-text">Lang</span></button>
<button id="fab-theme" class="fab-item"><i class="ri-moon-line"></i><span class="fab-text">Theme</span></button>
<button id="fab-music" class="fab-item"><i class="ri-music-2-line"></i><span class="fab-text">Music</span></button>
</div>
</div>
</main>
@@ -287,11 +271,10 @@
</footer>
</div>
<!-- 脚本BootCDN jQuery / Artalk / APlayer -->
<!-- 脚本BootCDN jQuery / Artalk -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="js/config.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/artalk/2.9.1/Artalk.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/aplayer/1.10.1/APlayer.min.js"></script>
<script src="js/about.js"></script>
</body>
</html>