From 20cf0037f5095f2ff8ba9a7a0855066993807e33 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A7=89?= <huan0016@gmail.com>
Date: Sun, 1 Oct 2023 19:59:22 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=BF=E7=94=A8=E9=A2=9C=E8=89=B2=E6=A0=87?=
 =?UTF-8?q?=E8=AE=B0=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/music.js   | 10 ++++++++++
 public/weigets.js |  3 ++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/public/music.js b/public/music.js
index a3e8108..c716cec 100644
--- a/public/music.js
+++ b/public/music.js
@@ -40,6 +40,14 @@ export default class MusicList {
             ul.music-list > li {
                 cursor: pointer;
             }
+            ul.music-list > li.cache::marker {
+                color: #02be08;
+                font-size: 1em;
+                contentx: '⚡';
+            }
+            ul.music-list > li.disable {
+                color: #999999;
+            }
             ul.music-list > li > button {
                 margin-left: 10px;
                 border: none;
@@ -66,8 +74,10 @@ export default class MusicList {
             return (bytes / Math.pow(k, i)).toFixed(2) + ' ' + sizes[i]
         }
         this.list.push(item)
+        console.log('添加音乐:', item)
         this.ul.appendChild(ListItem({
             id: item.id,
+            classList: item.arrayBuffer ? ['cache'] : [],
             innerText: `${item.name} - ${bytesToSize(item.size)}`,
             children: [
                 Button({
diff --git a/public/weigets.js b/public/weigets.js
index 37edc0c..6ac51c8 100644
--- a/public/weigets.js
+++ b/public/weigets.js
@@ -11,8 +11,9 @@ export function List({ children = [] }) {
     return ul
 }
 
-export function ListItem({ innerText, onclick, id, children = [], dataset }) {
+export function ListItem({ innerText, onclick, id, children = [], dataset, classList=[] }) {
     const li = document.createElement('li')
+    classList.forEach(item => li.classList.add(item))
     li.innerText = innerText
     li.onclick = onclick
     li.id = id