使用 before 取代 marker
This commit is contained in:
parent
3f1fc3b709
commit
d43adff7b4
20
src/music.js
20
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' },
|
||||
|
Loading…
Reference in New Issue
Block a user