fix(MusicConfig): 优化本地音乐列表项的显示样式
移除列表项中的 divide-y 类,为音乐名称添加 title 属性以显示完整名称, 并将音乐名称渲染为可点击的链接样式。
This commit is contained in:
@@ -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)">
|
||||||
|
|||||||
Reference in New Issue
Block a user