使用 before 取代 marker

This commit is contained in:
2023-10-24 10:40:02 +08:00
parent 3f1fc3b709
commit d43adff7b4
1 changed files with 8 additions and 12 deletions

View File

@ -232,10 +232,13 @@ export default class MusicList {
ul.music-list > li.play > span { ul.music-list > li.play > span {
color: #02be08; color: #02be08;
} }
ul.music-list > li.cache::marker { ul.music-list > li::before {
color: #02be08; content: '●';
color: #cccccc;
font-size: 1em; font-size: 1em;
contentx: '⚡'; }
ul.music-list > li.cache::before {
color: #02be08;
} }
ul.music-list > li.disable { ul.music-list > li.disable {
color: #999999; color: #999999;
@ -274,17 +277,10 @@ export default class MusicList {
id: item.id, id: item.id,
classList: item.arrayBuffer ? ['cache'] : [], classList: item.arrayBuffer ? ['cache'] : [],
style: { style: {
display: 'flex', display: 'flex', gap: '.25rem', maxWidth: '100%',
alignItems: 'center', alignItems: 'center', justifyContent: 'space-between',
justifyContent: 'space-between',
gap: '.25rem',
maxWidth: '100%',
}, },
children: [ children: [
//...(item.picture ? [Img({
// src: item.picture,
// style: { width: '2em', height: '2em', borderRadius: '.25em' }
//})] : []),
Img({ Img({
src: item.picture || 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7', src: item.picture || 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',
style: { width: '2em', height: '2em', borderRadius: '.25em', backgroundColor: '#eee' }, style: { width: '2em', height: '2em', borderRadius: '.25em', backgroundColor: '#eee' },