feat: market cards show preview images for scenes too

This commit is contained in:
2026-07-27 11:33:19 +08:00
parent 958482e5e6
commit 30697e4a64
+4 -2
View File
@@ -77,12 +77,14 @@ const PageMarket = {
}, },
_cardHtml(d, isScene, installed) { _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 label = installed ? '已安装' : (isScene ? '安装场景' : '安装');
const btnClass = isScene ? 'btn-m-install-scene' : 'btn-m-install'; 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>` : ''; 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"> 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-info">
<div class="theme-card-name">${d.name||'Unnamed'}</div> <div class="theme-card-name">${d.name||'Unnamed'}</div>
<div class="theme-card-meta"> <div class="theme-card-meta">