feat(about): 移除音乐模块并优化布局
- 删除音乐播放器相关HTML结构和CSS样式 - 移除APlayer库的引用和初始化代码 - 更新网格布局减少一行row定义 - 清理移动端FAB菜单中的音乐按钮 - 移除与音乐相关的国际化文本配置 - 优化导航激活状态下的背景色表现 - 隐藏操作按钮并调整其交互逻辑 - 修复文本渐变效果在不同浏览器下的兼容性问题 - 移除音乐模块后对浮动按钮功能进行相应调整 - 清理全局配置中不再使用的音乐播放列表设置
This commit is contained in:
19
about.html
19
about.html
@@ -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>
|
||||
Reference in New Issue
Block a user