chiyi/image2api
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(home): 内容版心 1200 → 1400 铺满感

Browse Source 
hero/能力/作品墙/CTA/页脚统一放宽到 1400px：
1440 视宽下内容贴边更饱满，1920 下仍居中留白均衡。

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
This commit is contained in:
chiyi
2026-10-27 15:31:49 +08:00
co-authored by Devin
parent 8fd49db8c2
commit 89a9d76b3e
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/HomeView.vue
+5 -5
View File
@@ -361,7 +361,7 @@ async function copyQqGroup() {
} }
.hero-wrap { .hero-wrap {
position: relative; position: relative;
width: min(1200px, 100%); width: min(1400px, 100%);
margin: 0 auto; margin: 0 auto;
display: grid; display: grid;
grid-template-columns: 1.02fr 0.98fr; grid-template-columns: 1.02fr 0.98fr;
@@ -666,7 +666,7 @@ html.dark .art { border-color: var(--ink-soft); }
/* 能力矩阵 */ /* 能力矩阵 */
.features { .features {
width: min(1200px, 100%); width: min(1400px, 100%);
margin: 0 auto; margin: 0 auto;
padding: 72px 20px 24px; padding: 72px 20px 24px;
} }
@@ -755,7 +755,7 @@ html.dark .art { border-color: var(--ink-soft); }
/* 精选作品 */ /* 精选作品 */
.gallery { .gallery {
width: min(1200px, 100%); width: min(1400px, 100%);
margin: 0 auto; margin: 0 auto;
padding: 48px 20px 8px; padding: 48px 20px 8px;
} }
@@ -879,7 +879,7 @@ html.dark .art { border-color: var(--ink-soft); }
/* CTA */ /* CTA */
.cta { .cta {
width: min(1200px, calc(100% - 40px)); width: min(1400px, calc(100% - 40px));
margin: 40px auto 0; margin: 40px auto 0;
padding: 72px 32px; padding: 72px 32px;
border-radius: 28px; border-radius: 28px;
@@ -962,7 +962,7 @@ html.dark .art { border-color: var(--ink-soft); }
background: linear-gradient(to right, transparent, rgba(15, 23, 42, 0.14) 30%, rgba(15, 23, 42, 0.14) 70%, transparent); background: linear-gradient(to right, transparent, rgba(15, 23, 42, 0.14) 30%, rgba(15, 23, 42, 0.14) 70%, transparent);
} }
.foot-inner { .foot-inner {
max-width: 1264px; max-width: 1400px;
margin: 0 auto; margin: 0 auto;
padding: 0 32px; padding: 0 32px;
} }