MJ-IT/gdm-Servo-model
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move catalog gallery controls onto image

Browse Source
This commit is contained in:
Jacky Ser
2026-08-11 16:56:38 +08:00
parent b7e32000bf
commit c131483255
2 changed files with 23 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
app/page.tsx
View File

@@ -1218,7 +1218,6 @@ export default function Home() {
<div className="catalog-modal-product">
<div className="catalog-modal-visual-card">
<div className="catalog-modal-visual-toolbar">
<span className="catalog-modal-visual-label">产品图片</span>
<div className="catalog-modal-gallery-switch" role="tablist" aria-label="切换产品图片">
<button
type="button"
@@ -1236,6 +1235,18 @@ export default function Home() {
aria-selected={catalogVisualMode === "size"}
>产品尺寸</button>
</div>
<div className="catalog-modal-inline-info">
<span>{selectedCatalogProduct.category}</span>
<h2 id="catalog-modal-title">{selectedCatalogProduct.name}</h2>
<code>{selectedCatalogProduct.code}</code>
<small>
{selectedCatalogProduct.page > 0
? `官方产品目录第 ${selectedCatalogProduct.page} 页`
: selectedCatalogProduct.category === "舵盘配件"
? "商城产品资料 · 舵盘配件"
: "商城产品资料 · 精密齿轮配件"}
</small>
</div>
</div>
<div className="catalog-modal-image">
{catalogVisualMode === "size" && selectedCatalogDimensionImage ? (
@@ -1247,18 +1258,6 @@ export default function Home() {
)}
</div>
</div>
<div className="catalog-modal-product-info">
<p className="step-kicker">{selectedCatalogProduct.category}</p>
<h2 id="catalog-modal-title">{selectedCatalogProduct.name}</h2>
<code>{selectedCatalogProduct.code}</code>
<p className="catalog-source-note">
{selectedCatalogProduct.page > 0
? `官方产品目录第 ${selectedCatalogProduct.page} 页`
: selectedCatalogProduct.category === "舵盘配件"
? "商城产品资料 · 舵盘配件"
: "商城产品资料 · 精密齿轮配件"}
</p>
</div>
</div>
<div className="catalog-spec-table">
{Object.entries(selectedCatalogProduct.specs).map(([label, value]) => (