使用 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 {
|
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' },
|
||||||
|
Loading…
Reference in New Issue
Block a user