From 30697e4a645639bb7416ea19a32f891fa06cc7c5 Mon Sep 17 00:00:00 2001
From: AskaEth <i@yeij.top>
Date: Mon, 27 Jul 2026 11:33:19 +0800
Subject: [PATCH] feat: market cards show preview images for scenes too

---
 static/js/pages/market.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/static/js/pages/market.js b/static/js/pages/market.js
index 5c26079..6e5cf5c 100644
--- a/static/js/pages/market.js
+++ b/static/js/pages/market.js
@@ -77,12 +77,14 @@ const PageMarket = {
     },
 
     _cardHtml(d, isScene, installed) {
-        const icon = isScene ? '🎬' : (d.icon || '📦');
+        const icon = d.preview ? '' : (isScene ? '🎬' : (d.icon || '📦'));
+        const previewUrl = d.preview ? `https://turbosu.yeij.top/api/files/${isScene?'scenes':'dashboards'}/${d.id}/${d.preview}` : '';
+        const bgStyle = previewUrl ? `background-image:url(${previewUrl});background-size:cover;background-position:center` : '';
         const label = installed ? '已安装' : (isScene ? '安装场景' : '安装');
         const btnClass = isScene ? 'btn-m-install-scene' : 'btn-m-install';
         const uninstallBtn = installed ? `<button class="btn btn-sm btn-danger btn-m-uninstall" data-name="${d.name||d.id}" style="margin-top:4px;width:100%">卸载</button>` : '';
         return `<div class="glass-card theme-card">
-            <div class="theme-card-preview">${icon}</div>
+            <div class="theme-card-preview" style="${bgStyle}">${icon}</div>
             <div class="theme-card-info">
                 <div class="theme-card-name">${d.name||'Unnamed'}</div>
                 <div class="theme-card-meta">