shiyue/Mymusic3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

已调整全屏播放器底部控制区域的布局，减小了占用空间

Browse Source
This commit is contained in:
史悦
2026-01-06 14:28:05 +08:00
parent 45dfa6ee04
commit 87599a4ce8
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
index.html
View File

@@ -594,8 +594,8 @@
</div> </div>
{/* Controls */} {/* Controls */}
<div className="relative z-10 p-8 pb-12"> <div className="relative z-10 p-6 pb-8">
<div className="mb-6"> <div className="mb-4">
<input <input
type="range" type="range"
min="0" min="0"
@@ -610,7 +610,7 @@
</div> </div>
</div> </div>
<div className="flex items-center justify-between px-2 mb-8"> <div className="flex items-center justify-between px-2 mb-4">
<Icon name={modeIcon} className={`text-gray-400 hover:text-white transition-colors ${mode !== 'loop' ? 'text-primary' : ''}`} onClick={toggleMode} /> <Icon name={modeIcon} className={`text-gray-400 hover:text-white transition-colors ${mode !== 'loop' ? 'text-primary' : ''}`} onClick={toggleMode} />
<Icon name="backward-step" size="text-3xl" onClick={prev} className="hover:scale-110 transition-transform" /> <Icon name="backward-step" size="text-3xl" onClick={prev} className="hover:scale-110 transition-transform" />
<div <div
@@ -737,7 +737,7 @@
</div> </div>
</div> </div>
{loadingSongs ? <Spinner /> : ( {loadingSongs ? <Spinner /> : (
<div className="pb-24 px-2"> <div className="pb-32 px-2">
{listSongs.map((song, idx) => ( {listSongs.map((song, idx) => (
<SongItem <SongItem
key={song.id} key={song.id}
@@ -756,7 +756,7 @@
} }
return ( return (
<div className="p-4 pb-24 animate-[fadeIn_0.3s]"> <div className="p-4 pb-32 animate-[fadeIn_0.3s]">
<h2 className="text-xl font-bold mb-4 flex items-center gap-2"> <h2 className="text-xl font-bold mb-4 flex items-center gap-2">
<Icon name="fire" className="text-red-500" /> <Icon name="fire" className="text-red-500" />
排行榜 <span className="text-sm font-normal text-gray-500 ml-2">{SOURCES.find(s=>s.id===source)?.name}</span> 排行榜 <span className="text-sm font-normal text-gray-500 ml-2">{SOURCES.find(s=>s.id===source)?.name}</span>
@@ -1240,7 +1240,7 @@
loading && results.length === 0 ? ( loading && results.length === 0 ? (
<Spinner /> <Spinner />
) : results.length > 0 ? ( ) : results.length > 0 ? (
<div className="pb-24 animate-[fadeIn_0.3s]"> <div className="pb-32 animate-[fadeIn_0.3s]">
<div className="px-4 py-2 text-xs text-gray-500 uppercase tracking-wider font-bold">搜索结果</div> <div className="px-4 py-2 text-xs text-gray-500 uppercase tracking-wider font-bold">搜索结果</div>
{results.map((song, index) => ( {results.map((song, index) => (
<SongItem <SongItem
@@ -1275,7 +1275,7 @@
<p className="text-gray-400 text-sm">{favorites.length} 首歌曲</p> <p className="text-gray-400 text-sm">{favorites.length} 首歌曲</p>
</div> </div>
</div> </div>
<div className="pb-24"> <div className="pb-32">
{favorites.length > 0 ? favorites.map((song, idx) => ( {favorites.length > 0 ? favorites.map((song, idx) => (
<SongItem <SongItem
key={song.id} key={song.id}