feat: market cards show preview images for scenes too
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user