fix: PlayerBar进度条边框线移除及按钮居中修复,release构建优化

- 移除PlayerBar顶部border线,进度条紧贴边缘无需分隔线
- 减少推荐按钮改为absolute定位,不参与播放控制按钮居中计算
- 删除未使用的npm依赖(howler/axios/@vueuse/motion/@vicons/ionicons5)
- @iconify-json/lucide移至devDependencies
- Cargo.toml添加[profile.release]优化(strip/lto/codegen-units/panic/opt-level)
- crate-type精简,移除不需要的staticlib
- Vite构建优化(esnext目标/CSS合并/vendor chunk拆分)
This commit is contained in:
2026-05-29 17:22:29 +08:00
parent c275461015
commit 57aa9dae61
5 changed files with 30 additions and 719 deletions
+3 -3
View File
@@ -1,6 +1,6 @@
<template>
<div
class="fixed bottom-0 left-0 right-0 bg-surface/95 backdrop-blur border-t border-line z-50 select-none"
class="fixed bottom-0 left-0 right-0 bg-surface/95 backdrop-blur z-50 select-none"
>
<div v-if="player.dominantColor"
class="absolute inset-0 pointer-events-none transition-opacity duration-300"
@@ -57,7 +57,7 @@
</div>
<div class="flex-1 flex flex-col items-center justify-center gap-1">
<div class="flex items-center gap-5">
<div class="flex items-center gap-5 relative">
<button @click="player.prev()" :disabled="player.isFmMode" :class="[
'transition',
player.isFmMode ? (drawerActive ? 'text-white/20 cursor-not-allowed' : 'text-content-4 cursor-not-allowed') : (drawerActive ? 'text-white/70 hover:text-white' : 'text-content-2 hover:text-content'),
@@ -73,7 +73,7 @@
<button @click="player.next()" :class="drawerActive ? 'text-white/70 hover:text-white transition' : 'text-content-2 hover:text-content transition'">
<IconSkipForward class="w-5 h-5" />
</button>
<button v-if="player.isFmMode && player.currentSong" @click="showDislikeModal = true" :class="drawerActive ? 'text-white/50 hover:text-danger transition' : 'text-content-3 hover:text-danger transition'" title="减少推荐">
<button v-if="player.isFmMode && player.currentSong" @click="showDislikeModal = true" class="absolute left-full ml-5" :class="drawerActive ? 'text-white/50 hover:text-danger transition' : 'text-content-3 hover:text-danger transition'" title="减少推荐">
<IconHeartOff class="w-[18px] h-[18px]" />
</button>
</div>