-
-
-
-
-
新品推荐
-
-
-
-
- {foreach $goods_is_new as $good}
-
-
-
-
-

-
-
-
-
{$good.model_number}
-
-
-
-
-
-
- {/foreach}
-
-
-
-
-
+
+
随身电力
+
揣上满格电量,奔赴每一场出行
+
+
+

+
+
+
+
+
+
+
+
桌搭空间
+
搭建你的理想桌面,告别线材杂乱
+
+
+

+
+
+
+
+
+
+
+
+
+
+

+
+
+

+

+
+
+

+

+
+
+
+
+
+
+
+
+

+
+
+

+
+
+
+
{include file='zh-cn/common/footer'} {include file='zh-cn/common/script' }
diff --git a/public/assets/css/style.min.css b/public/assets/css/style.min.css
index f4f1e66..791d87a 100644
--- a/public/assets/css/style.min.css
+++ b/public/assets/css/style.min.css
@@ -317,16 +317,14 @@ input {
margin-bottom: 50px;
}
.section-title .title {
- font-size: 24px;
+ font-size: 2.6rem;
font-weight: 600;
display: inline-block;
- color: #424242;
- margin: 0 0 25px;
- line-height: 27px;
+ margin-top: 175px;
}
@media only screen and (max-width: 767px) {
.section-title .title {
- font-size: 30px;
+ font-size: 2.4rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@@ -351,7 +349,6 @@ input {
}
.section-title P {
line-height: 30px;
- color: #747474;
}
@media only screen and (max-width: 479px) {
.section-title.mb-60px {
@@ -9401,3 +9398,82 @@ body.offcanvas-open {
--bs-gutter-x: 0;
}
}
+
+/* ===== 首页静态模块(新增) ===== */
+/* 公共:小图行 flex 居中 */
+.home-img-grid {
+ display: grid;
+ gap: 28px;
+ grid-auto-flow: column;
+ margin-top: 23px;
+ align-items: center;
+ justify-content: center;
+}
+.home-img-grid img {
+ height: auto;
+ max-width: 100%;
+ display: block;
+}
+/* 公共:大图块居中 */
+.home-img-block { text-align: center; }
+.home-img-block img { max-width: 100%; height: auto; display: inline-block; margin: 0; }
+.home-subtitle { font-size: 1.2rem; margin: 5px 0 0; }
+.home-mt-150 { margin-top: 150px; }
+
+/* 公共:图片跳转链接 */
+.home-img-grid a { display: block; }
+.home-img-block a { display: inline-block; }
+
+/* 分类 7 图:上排3张 home-cate3 / 下排4张 home-cate4 */
+.home-cate3,
+.home-cate4 {
+ display: flex;
+ justify-content: center;
+ align-items: end;
+ gap: 0;
+}
+.home-cate3 img { margin: 40px 95px; }
+.home-cate4 img { margin: 40px 95px; }
+/* 随身电力:大图 h_n1 + 小图 h_n2-h_n4(小图间距走 .home-img-grid 的 gap) */
+.home-power-big img { margin: 0; }
+/* 桌搭空间:大图 h2_n1 + 小图 h2_n2-h2_n4 */
+.home-desk-big img { margin: 0; }
+/* 电力补给:大图 h3_n1 + 两行小图 h3_n2-h3_n5 */
+.home-charge-big img { margin: 0; }
+/* 底部:大图 n_cpbs + 店铺底部导航 n_dpdbd */
+.home-bottom-big img { margin: 0; }
+.home-bottom-nav img { margin: 0; }
+
+/* ===== 移动端自适应(≤767px) ===== */
+@media (max-width: 767px) {
+ /* 小图行改为按列数等分铺满,间距收紧 */
+ .home-img-grid {
+ gap: 8px;
+ margin-top: 12px;
+ grid-auto-flow: row;
+ width: 100%;
+ }
+ .home-img-grid img { width: 100%; margin: 0; }
+ /* 分类 7 图:3列 / 4列等分 */
+ .home-cate3,
+ .home-cate4 {
+ display: grid;
+ align-items: baseline;
+ gap: 8px;
+ }
+ .home-cate3 { grid-template-columns: repeat(3, 1fr); }
+ .home-cate4 { grid-template-columns: repeat(4, 1fr); }
+ .home-cate3 img,
+ .home-cate4 img { margin: 0; }
+ /* 随身电力 / 桌搭空间小图:3列等分 */
+ .home-power-small,
+ .home-desk-small { grid-template-columns: repeat(3, 1fr); }
+ /* 电力补给小图:2列等分 */
+ .home-charge-small { grid-template-columns: repeat(2, 1fr); }
+ /* 大图撑满宽度 */
+ .home-img-block img { width: 100%; }
+ /* 间距与字号收缩 */
+ .home-mt-150 { margin-top: 60px; }
+ .home-subtitle { font-size: 0.85rem; }
+ .section-title .title { margin-top: 60px; font-size: 1.75rem; }
+}
diff --git a/public/assets/images/home/h2_n1.png b/public/assets/images/home/h2_n1.png
new file mode 100644
index 0000000..bb7ce60
Binary files /dev/null and b/public/assets/images/home/h2_n1.png differ
diff --git a/public/assets/images/home/h2_n2.png b/public/assets/images/home/h2_n2.png
new file mode 100644
index 0000000..5fc8426
Binary files /dev/null and b/public/assets/images/home/h2_n2.png differ
diff --git a/public/assets/images/home/h2_n3.png b/public/assets/images/home/h2_n3.png
new file mode 100644
index 0000000..afda66a
Binary files /dev/null and b/public/assets/images/home/h2_n3.png differ
diff --git a/public/assets/images/home/h2_n4.png b/public/assets/images/home/h2_n4.png
new file mode 100644
index 0000000..ce1c794
Binary files /dev/null and b/public/assets/images/home/h2_n4.png differ
diff --git a/public/assets/images/home/h3_n1.png b/public/assets/images/home/h3_n1.png
new file mode 100644
index 0000000..fa9523b
Binary files /dev/null and b/public/assets/images/home/h3_n1.png differ
diff --git a/public/assets/images/home/h3_n2.png b/public/assets/images/home/h3_n2.png
new file mode 100644
index 0000000..e228d83
Binary files /dev/null and b/public/assets/images/home/h3_n2.png differ
diff --git a/public/assets/images/home/h3_n3.png b/public/assets/images/home/h3_n3.png
new file mode 100644
index 0000000..7d7b68d
Binary files /dev/null and b/public/assets/images/home/h3_n3.png differ
diff --git a/public/assets/images/home/h3_n4.png b/public/assets/images/home/h3_n4.png
new file mode 100644
index 0000000..0702b6c
Binary files /dev/null and b/public/assets/images/home/h3_n4.png differ
diff --git a/public/assets/images/home/h3_n5.png b/public/assets/images/home/h3_n5.png
new file mode 100644
index 0000000..3404833
Binary files /dev/null and b/public/assets/images/home/h3_n5.png differ
diff --git a/public/assets/images/home/h_n1.png b/public/assets/images/home/h_n1.png
new file mode 100644
index 0000000..0008abd
Binary files /dev/null and b/public/assets/images/home/h_n1.png differ
diff --git a/public/assets/images/home/h_n2.png b/public/assets/images/home/h_n2.png
new file mode 100644
index 0000000..e4561f8
Binary files /dev/null and b/public/assets/images/home/h_n2.png differ
diff --git a/public/assets/images/home/h_n3.png b/public/assets/images/home/h_n3.png
new file mode 100644
index 0000000..94a7e49
Binary files /dev/null and b/public/assets/images/home/h_n3.png differ
diff --git a/public/assets/images/home/h_n4.png b/public/assets/images/home/h_n4.png
new file mode 100644
index 0000000..f9a1705
Binary files /dev/null and b/public/assets/images/home/h_n4.png differ
diff --git a/public/assets/images/home/n_c1.png b/public/assets/images/home/n_c1.png
new file mode 100644
index 0000000..3bec4a7
Binary files /dev/null and b/public/assets/images/home/n_c1.png differ
diff --git a/public/assets/images/home/n_c2.png b/public/assets/images/home/n_c2.png
new file mode 100644
index 0000000..52b7941
Binary files /dev/null and b/public/assets/images/home/n_c2.png differ
diff --git a/public/assets/images/home/n_c3.png b/public/assets/images/home/n_c3.png
new file mode 100644
index 0000000..56bdec7
Binary files /dev/null and b/public/assets/images/home/n_c3.png differ
diff --git a/public/assets/images/home/n_c4.png b/public/assets/images/home/n_c4.png
new file mode 100644
index 0000000..d24e21d
Binary files /dev/null and b/public/assets/images/home/n_c4.png differ
diff --git a/public/assets/images/home/n_c5.png b/public/assets/images/home/n_c5.png
new file mode 100644
index 0000000..80cdd06
Binary files /dev/null and b/public/assets/images/home/n_c5.png differ
diff --git a/public/assets/images/home/n_c6.png b/public/assets/images/home/n_c6.png
new file mode 100644
index 0000000..4edfe0d
Binary files /dev/null and b/public/assets/images/home/n_c6.png differ
diff --git a/public/assets/images/home/n_c7.png b/public/assets/images/home/n_c7.png
new file mode 100644
index 0000000..0a60165
Binary files /dev/null and b/public/assets/images/home/n_c7.png differ
diff --git a/public/assets/images/home/n_cpbs.png b/public/assets/images/home/n_cpbs.png
new file mode 100644
index 0000000..9aa589c
Binary files /dev/null and b/public/assets/images/home/n_cpbs.png differ
diff --git a/public/assets/images/home/n_dpdbd.png b/public/assets/images/home/n_dpdbd.png
new file mode 100644
index 0000000..ea977ec
Binary files /dev/null and b/public/assets/images/home/n_dpdbd.png differ