From d43adff7b45a8cfd3ad7ed956c75cfb65ed05f51 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=A7=89?= Date: Tue, 24 Oct 2023 10:40:02 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BD=BF=E7=94=A8=20before=20=E5=8F=96?= =?UTF-8?q?=E4=BB=A3=20marker?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/music.js | 20 ++++++++------------ 1 file changed, 8 insertions(+), 12 deletions(-) diff --git a/src/music.js b/src/music.js index 198b620..1d7f235 100644 --- a/src/music.js +++ b/src/music.js @@ -232,10 +232,13 @@ export default class MusicList { ul.music-list > li.play > span { color: #02be08; } - ul.music-list > li.cache::marker { - color: #02be08; + ul.music-list > li::before { + content: '●'; + color: #cccccc; font-size: 1em; - contentx: '⚡'; + } + ul.music-list > li.cache::before { + color: #02be08; } ul.music-list > li.disable { color: #999999; @@ -274,17 +277,10 @@ export default class MusicList { id: item.id, classList: item.arrayBuffer ? ['cache'] : [], style: { - display: 'flex', - alignItems: 'center', - justifyContent: 'space-between', - gap: '.25rem', - maxWidth: '100%', + display: 'flex', gap: '.25rem', maxWidth: '100%', + alignItems: 'center', justifyContent: 'space-between', }, children: [ - //...(item.picture ? [Img({ - // src: item.picture, - // style: { width: '2em', height: '2em', borderRadius: '.25em' } - //})] : []), Img({ src: item.picture || 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7', style: { width: '2em', height: '2em', borderRadius: '.25em', backgroundColor: '#eee' },