zhs123/car-t-t
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: release B2B Trade theme 2.1.0

Browse Source
This commit is contained in:
WorkBuddy
2026-07-24 22:25:29 +08:00
parent 13a35c7ec7
commit 4f070d4677
64 changed files with 1769 additions and 1762 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/normalize.css
Vendored
-355
View File
File diff suppressed because one or more lines are too long
assets/css/theme.css
+14 -276
View File
@@ -1,5 +1,5 @@
/* ============================================================
Fragrance Trade v3.0 — Minimalist Luxury Design System
B2B Trade v2.1.0 — Minimalist Store Design System
汽车贴膜门店 · 极简高级感 · 黑白灰单色体系
============================================================
Design Philosophy:
@@ -33,6 +33,10 @@
--b2b-shadow-sm: 0 1px 0 0 rgba(28, 28, 26, 0.04);
--b2b-shadow-md: 0 2px 8px rgba(28, 28, 26, 0.06);
--b2b-shadow-lg: 0 8px 32px rgba(28, 28, 26, 0.08);
/* Local system stacks — never trigger external font requests */
--b2b-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", Arial, sans-serif;
--b2b-font-display: Georgia, "Times New Roman", "Songti SC", "SimSun", serif;
}
/* ---- Reset & Base ---- */
@@ -46,7 +50,7 @@ body {
margin: 0;
color: var(--b2b-ink-soft);
background: var(--b2b-surface);
font-family: "Jost", "Noto Sans SC", Arial, sans-serif;
font-family: var(--b2b-font-sans);
font-size: 1rem;
font-weight: 400;
line-height: 1.7;
@@ -60,7 +64,7 @@ body {
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
color: var(--b2b-ink);
font-family: "Jost", "Noto Sans SC", Arial, sans-serif;
font-family: var(--b2b-font-sans);
font-weight: 400;
line-height: 1.15;
letter-spacing: -0.02em;
@@ -146,7 +150,7 @@ img {
gap: 0.5rem;
padding: 0.875rem 1.75rem;
border-radius: 0;
font-family: "Jost", "Noto Sans SC", Arial, sans-serif;
font-family: var(--b2b-font-sans);
font-size: 0.8rem;
font-weight: 500;
letter-spacing: 0.08em;
@@ -272,7 +276,7 @@ img {
.b2b-wordmark {
color: var(--b2b-ink);
font-family: "Josefin Sans", "Noto Sans SC", Arial, sans-serif;
font-family: var(--b2b-font-display);
font-size: 1.35rem;
font-weight: 400;
letter-spacing: 0.1em;
@@ -341,7 +345,7 @@ img {
.b2b-hero h1 {
max-width: 780px;
margin-bottom: 1.75rem;
font-family: "Josefin Sans", "Noto Sans SC", Arial, sans-serif;
font-family: var(--b2b-font-display);
font-size: clamp(2.8rem, 6vw, 5.2rem);
font-weight: 300;
letter-spacing: -0.03em;
@@ -406,7 +410,7 @@ img {
.trust-metric strong {
margin-bottom: 0.5rem;
color: var(--b2b-surface);
font-family: "Jost", "Noto Sans SC", Arial, sans-serif;
font-family: var(--b2b-font-sans);
font-size: clamp(1.3rem, 2.2vw, 1.8rem);
font-weight: 400;
}
@@ -547,7 +551,7 @@ img {
bottom: 0;
padding: 1.5rem 1.25rem;
color: var(--b2b-surface);
font-family: "Jost", "Noto Sans SC", Arial, sans-serif;
font-family: var(--b2b-font-sans);
font-size: 1.1rem;
font-weight: 400;
letter-spacing: 0.02em;
@@ -611,7 +615,7 @@ img {
color: var(--b2b-ink);
background: transparent;
box-shadow: none;
font-family: "Jost", "Noto Sans SC", Arial, sans-serif;
font-family: var(--b2b-font-sans);
font-size: 1.1rem;
font-weight: 400;
}
@@ -631,247 +635,6 @@ img {
color: var(--b2b-ink-soft);
}
/* ---- RFQ / Contact Form ---- */
.rfq-section {
background: var(--b2b-mist);
}
.rfq-direct {
margin-top: 2.5rem;
padding: 1.5rem;
background: var(--b2b-surface);
border-left: 2px solid var(--b2b-ink);
}
.rfq-direct h3 {
font-size: 1.05rem;
margin-bottom: 0.5rem;
}
.rfq-form-card {
padding: 2rem;
background: var(--b2b-surface);
border: 1px solid var(--b2b-line);
}
.rfq-form-card label {
display: block;
margin-bottom: 0.4rem;
color: var(--b2b-ink);
font-size: 0.8rem;
font-weight: 500;
letter-spacing: 0.04em;
}
.rfq-form-card .form-control,
.rfq-form-card .form-select {
min-height: 46px;
padding: 0.625rem 0.875rem;
color: var(--b2b-ink);
background-color: var(--b2b-surface);
border: 1px solid var(--b2b-line);
border-radius: 0;
font-family: "Jost", "Noto Sans SC", Arial, sans-serif;
font-size: 0.95rem;
transition: border-color 180ms ease;
}
.rfq-form-card textarea.form-control {
min-height: auto;
}
.rfq-form-card .form-control:focus,
.rfq-form-card .form-select:focus {
border-color: var(--b2b-ink);
box-shadow: none;
outline: none;
}
.rfq-form-card .form-control::placeholder {
color: var(--b2b-ink-muted);
}
.fragrance-form-status p {
margin-bottom: 1.5rem;
padding: 1rem 1.25rem;
color: var(--b2b-ink);
background: var(--b2b-mist);
border-left: 2px solid var(--b2b-ink);
}
.rfq-privacy-note {
margin: 1rem 0;
color: var(--b2b-ink-muted);
font-size: 0.78rem;
}
.fragrance-honeypot {
position: absolute !important;
left: -10000px !important;
width: 1px;
height: 1px;
overflow: hidden;
}
/* ---- Quality Grid ---- */
.quality-section {
background: var(--b2b-mist);
}
.quality-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1px;
background: var(--b2b-line);
}
.quality-card {
min-width: 0;
min-height: 240px;
padding: 2rem 1.75rem;
background: var(--b2b-mist);
}
.quality-number {
display: block;
margin-bottom: 2.5rem;
color: var(--b2b-ink-muted);
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.1em;
}
.quality-card h3 {
margin-bottom: 0.75rem;
font-size: 1.15rem;
}
.quality-card p {
color: var(--b2b-ink-soft);
font-size: 0.95rem;
}
/* ---- Process Grid ---- */
.process-section {
background: var(--b2b-surface);
}
.process-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1rem;
}
.process-step {
position: relative;
min-width: 0;
min-height: 250px;
padding: 1.75rem 1.5rem;
background: var(--b2b-elevated);
border-top: 2px solid var(--b2b-ink);
}
.process-step span {
display: block;
margin-bottom: 2rem;
color: var(--b2b-ink-muted);
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.08em;
}
.process-step h3 {
margin-bottom: 0.75rem;
font-size: 1.15rem;
}
.process-step p {
color: var(--b2b-ink-soft);
font-size: 0.92rem;
}
/* ---- Project Scenarios ---- */
.projects-section {
background: var(--b2b-mist);
}
.project-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1px;
background: var(--b2b-line);
}
.project-card {
display: flex;
min-width: 0;
min-height: 300px;
padding: 2rem 1.75rem;
flex-direction: column;
background: var(--b2b-mist);
}
.project-meta {
color: var(--b2b-ink-muted);
font-size: 0.7rem;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.project-card h3 {
margin: 1.25rem 0 0.75rem;
font-size: 1.5rem;
}
.project-card p {
color: var(--b2b-ink-soft);
font-size: 0.95rem;
}
.project-card .text-link {
margin-top: auto;
}
/* ---- Customization Grid ---- */
.customization-section {
color: var(--b2b-surface);
background: var(--b2b-ink);
}
.customization-section h2,
.customization-section .section-eyebrow {
color: var(--b2b-surface);
}
.customization-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
border-top: 1px solid rgba(250, 250, 248, 0.12);
border-left: 1px solid rgba(250, 250, 248, 0.12);
}
.customization-item {
min-width: 0;
padding: 1.75rem;
border-right: 1px solid rgba(250, 250, 248, 0.12);
border-bottom: 1px solid rgba(250, 250, 248, 0.12);
}
.customization-item span {
display: block;
margin-bottom: 1.25rem;
color: rgba(250, 250, 248, 0.4);
font-size: 0.75rem;
letter-spacing: 0.1em;
}
.customization-item h3 {
margin: 0;
color: var(--b2b-surface);
font-size: 1.15rem;
}
/* ---- Factory / Store Environment ---- */
.factory-proof {
background: var(--b2b-surface);
@@ -1092,7 +855,7 @@ img {
}
.entry-title {
font-family: "Jost", "Noto Sans SC", Arial, sans-serif;
font-family: var(--b2b-font-sans);
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 400;
letter-spacing: -0.02em;
@@ -1402,9 +1165,6 @@ textarea:focus-visible {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.process-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
/* LG down — 991px */
@@ -1418,14 +1178,6 @@ textarea:focus-visible {
padding: 7rem 0 4.5rem;
}
.project-grid {
grid-template-columns: 1fr;
}
.quality-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.factory-gallery {
margin-top: 1.5rem;
}
@@ -1481,9 +1233,6 @@ textarea:focus-visible {
}
.capability-grid,
.customization-grid,
.quality-grid,
.process-grid,
.document-grid {
grid-template-columns: 1fr;
}
@@ -1505,17 +1254,6 @@ textarea:focus-visible {
padding: 2rem 1.5rem;
}
.rfq-form-card {
padding: 1.5rem;
}
.project-card,
.quality-card,
.process-step {
min-height: 0;
padding: 1.5rem 1.25rem;
}
.page-header,
.b2b-section.about-intro,
.contact-section,
assets/css/vendor.css
-53
View File
@@ -1,53 +0,0 @@
/*
- Colorbox Lightbox (only active vendor CSS)
- Jarallax and AOS styles removed (unused) — 2026-07-24
*/
/*--------------------------------------------------------------
/** Colorbox Lightbox
--------------------------------------------------------------*/
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}
assets/images/placeholder-logo.svg
-7
View File
@@ -1,7 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="260" height="96" viewBox="0 0 260 96">
<rect width="260" height="96" fill="#E8E8E8"/>
<rect x="2" y="2" width="256" height="92" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
<text x="130" y="48" text-anchor="middle" dominant-baseline="central"
font-family="system-ui, -apple-system, sans-serif" font-size="16"
fill="#999999" font-weight="500">LOGO</text>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 455 B

assets/images/products/factory-product-01.webp
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 34 KiB

assets/images/products/factory-product-02.webp
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 24 KiB

assets/images/products/factory-product-03.webp
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 27 KiB

assets/images/products/factory-product-04.webp
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 42 KiB

assets/images/products/factory-product-05.webp
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 103 KiB

assets/images/products/factory-product-06.webp
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 35 KiB

assets/images/products/factory-product-07.webp
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 32 KiB

assets/images/products/placeholder-01.svg
+7 -6
View File
@@ -1,7 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="960" height="960" viewBox="0 0 960 960">
<rect width="960" height="960" fill="#E8E8E8"/>
<rect x="2" y="2" width="956" height="956" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
<text x="480" y="480" text-anchor="middle" dominant-baseline="central"
font-family="system-ui, -apple-system, sans-serif" font-size="53"
fill="#999999" font-weight="500">产品图 1</text>
</svg>
<rect width="960" height="960" fill="#E8E6E1"/>
<path d="M180 510h600l-58-122c-14-30-44-49-77-49H361c-34 0-65 20-78 52l-49 119" fill="none" stroke="#4A4A46" stroke-width="12" stroke-linejoin="round"/>
<path d="M180 510v96h50m550-96v96h-50M301 510h358" fill="none" stroke="#4A4A46" stroke-width="12" stroke-linecap="round"/>
<circle cx="300" cy="606" r="42" fill="#E8E6E1" stroke="#1C1C1A" stroke-width="12"/>
<circle cx="660" cy="606" r="42" fill="#E8E6E1" stroke="#1C1C1A" stroke-width="12"/>
<text x="480" y="735" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="36" fill="#4A4A46">汽车贴膜服务 01</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 467 B

After

Width:  |  Height:  |  Size: 754 B

assets/images/products/placeholder-02.svg
+7 -6
View File
@@ -1,7 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="960" height="960" viewBox="0 0 960 960">
<rect width="960" height="960" fill="#E8E8E8"/>
<rect x="2" y="2" width="956" height="956" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
<text x="480" y="480" text-anchor="middle" dominant-baseline="central"
font-family="system-ui, -apple-system, sans-serif" font-size="53"
fill="#999999" font-weight="500">产品图 2</text>
</svg>
<rect width="960" height="960" fill="#E8E6E1"/>
<path d="M180 510h600l-58-122c-14-30-44-49-77-49H361c-34 0-65 20-78 52l-49 119" fill="none" stroke="#4A4A46" stroke-width="12" stroke-linejoin="round"/>
<path d="M180 510v96h50m550-96v96h-50M301 510h358" fill="none" stroke="#4A4A46" stroke-width="12" stroke-linecap="round"/>
<circle cx="300" cy="606" r="42" fill="#E8E6E1" stroke="#1C1C1A" stroke-width="12"/>
<circle cx="660" cy="606" r="42" fill="#E8E6E1" stroke="#1C1C1A" stroke-width="12"/>
<text x="480" y="735" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="36" fill="#4A4A46">汽车贴膜服务 02</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 467 B

After

Width:  |  Height:  |  Size: 754 B

assets/images/products/placeholder-03.svg
+7 -6
View File
@@ -1,7 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="960" height="960" viewBox="0 0 960 960">
<rect width="960" height="960" fill="#E8E8E8"/>
<rect x="2" y="2" width="956" height="956" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
<text x="480" y="480" text-anchor="middle" dominant-baseline="central"
font-family="system-ui, -apple-system, sans-serif" font-size="53"
fill="#999999" font-weight="500">产品图 3</text>
</svg>
<rect width="960" height="960" fill="#E8E6E1"/>
<path d="M180 510h600l-58-122c-14-30-44-49-77-49H361c-34 0-65 20-78 52l-49 119" fill="none" stroke="#4A4A46" stroke-width="12" stroke-linejoin="round"/>
<path d="M180 510v96h50m550-96v96h-50M301 510h358" fill="none" stroke="#4A4A46" stroke-width="12" stroke-linecap="round"/>
<circle cx="300" cy="606" r="42" fill="#E8E6E1" stroke="#1C1C1A" stroke-width="12"/>
<circle cx="660" cy="606" r="42" fill="#E8E6E1" stroke="#1C1C1A" stroke-width="12"/>
<text x="480" y="735" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="36" fill="#4A4A46">汽车贴膜服务 03</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 467 B

After

Width:  |  Height:  |  Size: 754 B

assets/images/products/placeholder-04.svg
+7 -6
View File
@@ -1,7 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="960" height="960" viewBox="0 0 960 960">
<rect width="960" height="960" fill="#E8E8E8"/>
<rect x="2" y="2" width="956" height="956" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
<text x="480" y="480" text-anchor="middle" dominant-baseline="central"
font-family="system-ui, -apple-system, sans-serif" font-size="53"
fill="#999999" font-weight="500">产品图 4</text>
</svg>
<rect width="960" height="960" fill="#E8E6E1"/>
<path d="M180 510h600l-58-122c-14-30-44-49-77-49H361c-34 0-65 20-78 52l-49 119" fill="none" stroke="#4A4A46" stroke-width="12" stroke-linejoin="round"/>
<path d="M180 510v96h50m550-96v96h-50M301 510h358" fill="none" stroke="#4A4A46" stroke-width="12" stroke-linecap="round"/>
<circle cx="300" cy="606" r="42" fill="#E8E6E1" stroke="#1C1C1A" stroke-width="12"/>
<circle cx="660" cy="606" r="42" fill="#E8E6E1" stroke="#1C1C1A" stroke-width="12"/>
<text x="480" y="735" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="36" fill="#4A4A46">汽车贴膜服务 04</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 467 B

After

Width:  |  Height:  |  Size: 754 B

assets/images/products/placeholder-05.svg
+7 -6
View File
@@ -1,7 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="960" height="960" viewBox="0 0 960 960">
<rect width="960" height="960" fill="#E8E8E8"/>
<rect x="2" y="2" width="956" height="956" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
<text x="480" y="480" text-anchor="middle" dominant-baseline="central"
font-family="system-ui, -apple-system, sans-serif" font-size="53"
fill="#999999" font-weight="500">产品图 5</text>
</svg>
<rect width="960" height="960" fill="#E8E6E1"/>
<path d="M180 510h600l-58-122c-14-30-44-49-77-49H361c-34 0-65 20-78 52l-49 119" fill="none" stroke="#4A4A46" stroke-width="12" stroke-linejoin="round"/>
<path d="M180 510v96h50m550-96v96h-50M301 510h358" fill="none" stroke="#4A4A46" stroke-width="12" stroke-linecap="round"/>
<circle cx="300" cy="606" r="42" fill="#E8E6E1" stroke="#1C1C1A" stroke-width="12"/>
<circle cx="660" cy="606" r="42" fill="#E8E6E1" stroke="#1C1C1A" stroke-width="12"/>
<text x="480" y="735" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="36" fill="#4A4A46">汽车贴膜服务 05</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 467 B

After

Width:  |  Height:  |  Size: 754 B

assets/images/products/placeholder-06.svg
+7 -6
View File
@@ -1,7 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="960" height="960" viewBox="0 0 960 960">
<rect width="960" height="960" fill="#E8E8E8"/>
<rect x="2" y="2" width="956" height="956" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
<text x="480" y="480" text-anchor="middle" dominant-baseline="central"
font-family="system-ui, -apple-system, sans-serif" font-size="53"
fill="#999999" font-weight="500">产品图 6</text>
</svg>
<rect width="960" height="960" fill="#E8E6E1"/>
<path d="M180 510h600l-58-122c-14-30-44-49-77-49H361c-34 0-65 20-78 52l-49 119" fill="none" stroke="#4A4A46" stroke-width="12" stroke-linejoin="round"/>
<path d="M180 510v96h50m550-96v96h-50M301 510h358" fill="none" stroke="#4A4A46" stroke-width="12" stroke-linecap="round"/>
<circle cx="300" cy="606" r="42" fill="#E8E6E1" stroke="#1C1C1A" stroke-width="12"/>
<circle cx="660" cy="606" r="42" fill="#E8E6E1" stroke="#1C1C1A" stroke-width="12"/>
<text x="480" y="735" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="36" fill="#4A4A46">汽车贴膜服务 06</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 467 B

After

Width:  |  Height:  |  Size: 754 B

assets/images/products/placeholder-07.svg
+7 -6
View File
@@ -1,7 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="960" height="960" viewBox="0 0 960 960">
<rect width="960" height="960" fill="#E8E8E8"/>
<rect x="2" y="2" width="956" height="956" fill="none" stroke="#CCCCCC" stroke-width="1" stroke-dasharray="8 4"/>
<text x="480" y="480" text-anchor="middle" dominant-baseline="central"
font-family="system-ui, -apple-system, sans-serif" font-size="53"
fill="#999999" font-weight="500">产品图 7</text>
</svg>
<rect width="960" height="960" fill="#E8E6E1"/>
<path d="M180 510h600l-58-122c-14-30-44-49-77-49H361c-34 0-65 20-78 52l-49 119" fill="none" stroke="#4A4A46" stroke-width="12" stroke-linejoin="round"/>
<path d="M180 510v96h50m550-96v96h-50M301 510h358" fill="none" stroke="#4A4A46" stroke-width="12" stroke-linecap="round"/>
<circle cx="300" cy="606" r="42" fill="#E8E6E1" stroke="#1C1C1A" stroke-width="12"/>
<circle cx="660" cy="606" r="42" fill="#E8E6E1" stroke="#1C1C1A" stroke-width="12"/>
<text x="480" y="735" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="36" fill="#4A4A46">汽车贴膜服务 07</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 467 B

After

Width:  |  Height:  |  Size: 754 B

assets/js/plugins.js
-12
View File
File diff suppressed because one or more lines are too long
assets/js/theme.js
+10 -10
View File
@@ -1,4 +1,4 @@
(function ($) {
(function () {
'use strict';
document.documentElement.classList.remove('no-js');
@@ -14,11 +14,6 @@
window.addEventListener('scroll', updateHeader, { passive: true });
}
function initVideoLightbox() {
if (!$.fn || typeof $.fn.colorbox !== 'function') return;
$('.youtube').colorbox({ iframe: true, innerWidth: 960, innerHeight: 585, maxWidth: '95%', maxHeight: '90%' });
}
function initNavigation() {
var panel = document.querySelector('#fragrance-navigation');
if (!panel || !window.bootstrap || !window.bootstrap.Offcanvas) return;
@@ -30,9 +25,14 @@
});
}
$(function () {
function initTheme() {
initStickyHeader();
initVideoLightbox();
initNavigation();
});
})(jQuery);
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initTheme);
} else {
initTheme();
}
})();
assets/vendor/bootstrap/LICENSE
Vendored
+21
View File
@@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2011-2025 The Bootstrap Authors
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
assets/vendor/bootstrap/bootstrap.bundle.min.js
Vendored
+7
View File
File diff suppressed because one or more lines are too long
assets/vendor/bootstrap/bootstrap.min.css
Vendored
+6
View File
File diff suppressed because one or more lines are too long