fix(MusicConfig): 优化本地音乐列表项的显示样式

移除列表项中的 divide-y 类,为音乐名称添加 title 属性以显示完整名称,
并将音乐名称渲染为可点击的链接样式。
This commit is contained in:
log1997
2025-12-02 17:15:29 +08:00
parent 85dbb58122
commit 919cbc37d7

View File

@@ -96,10 +96,9 @@ onMounted(() => {
<div> <div>
<ul class="p-0"> <ul class="p-0">
<li v-for="item in localMusicListValue" :key="item.id" class="flex items-center gap-6 pb-2 mb-3 divide-y"> <li v-for="item in localMusicListValue" :key="item.id" class="flex items-center gap-6 pb-2 mb-3">
<div class="mr-12 overflow-hidden w-72 whitespace-nowrap text-ellipsis"> <div class="mr-12 overflow-hidden w-72 whitespace-nowrap text-ellipsis" :title="item.name">
<span> <a class="link hover:text-primary">{{ item.name }}</a>
{{ item.name }}</span>
</div> </div>
<div class="flex gap-3"> <div class="flex gap-3">
<button class="btn btn-primary btn-xs" @click="play(item)"> <button class="btn btn-primary btn-xs" @click="play(item)">