remilia/jinshen-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(homepage): 调整首页文字布局

Browse Source 
- 调整首页文字部分布局，在宽屏时，首页文字相对靠近页面中心
This commit is contained in:
R2m1liA
2025-09-24 13:05:23 +08:00
parent 74c5d2447b e7d2b28cb4
commit 04a2140213
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/pages/index.vue
View File

@ -23,7 +23,7 @@
</div> </div>
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
<section> <section class="homepage-section">
<h2>推荐产品</h2> <h2>推荐产品</h2>
<p> <p>
探索我们的精选产品，满足您的各种需求。无论是创新技术还是经典设计，我们都为您提供优质选择。 探索我们的精选产品，满足您的各种需求。无论是创新技术还是经典设计，我们都为您提供优质选择。
@ -73,7 +73,7 @@
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
</section> </section>
<section> <section class="homepage-section">
<h2>推荐解决方案</h2> <h2>推荐解决方案</h2>
<p>了解我们的定制解决方案，帮助您优化业务流程，提高效率。</p> <p>了解我们的定制解决方案，帮助您优化业务流程，提高效率。</p>
<el-carousel <el-carousel
@ -251,6 +251,11 @@
font-size: 14px; font-size: 14px;
} }
.homepage-section {
max-width: 1200px;
margin: 0 auto;
}
.recommend-carousel :deep(.el-carousel__button) { .recommend-carousel :deep(.el-carousel__button) {
/* 指示器按钮样式 */ /* 指示器按钮样式 */
width: 8px; width: 8px;
@ -270,7 +275,6 @@
display: flex; display: flex;
gap: 1rem; gap: 1rem;
width: 100%; width: 100%;
max-width: 1200px;
margin: 0 auto; margin: 0 auto;
height: 100%; height: 100%;
} }