feat(home): 更新首页布局并优化网站信息展示
- 移除首页业务板块服务卡片区域 - 为面板组件添加固定高度样式 - 更新底部关注我们区域的小程序二维码图片 - 将小程序描述从公众号/小程序调整为仅小程序 - 集成CMS系统获取网站备案号信息 - 优化头部品牌栏布局,使用固定Logo图片替换动态内容 - 移除品牌标题和副标题的显示 - 调整Logo样式移除宽度限制仅保留高度约束
This commit is contained in:
@@ -95,42 +95,42 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6 grid grid-cols-12 gap-6">
|
||||
<div class="col-span-12 lg:col-span-7">
|
||||
<div class="panel">
|
||||
<div class="section-pill">
|
||||
<span class="pill-left">
|
||||
<AppstoreOutlined />
|
||||
业务板块
|
||||
</span>
|
||||
<span class="pill-right">SERVICES</span>
|
||||
</div>
|
||||
<!-- <div class="mt-6 grid grid-cols-12 gap-6">-->
|
||||
<!-- <div class="col-span-12 lg:col-span-7">-->
|
||||
<!-- <div class="panel">-->
|
||||
<!-- <div class="section-pill">-->
|
||||
<!-- <span class="pill-left">-->
|
||||
<!-- <AppstoreOutlined />-->
|
||||
<!-- 业务板块-->
|
||||
<!-- </span>-->
|
||||
<!-- <span class="pill-right">SERVICES</span>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<div class="mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2">
|
||||
<a-card
|
||||
v-for="s in services"
|
||||
:key="s.title"
|
||||
class="guide-card service-card"
|
||||
:bordered="true"
|
||||
hoverable
|
||||
@click="navigateTo('/products')"
|
||||
>
|
||||
<a-space>
|
||||
<a-avatar :size="44" class="guide-icon service-icon">
|
||||
<component :is="s.icon" />
|
||||
</a-avatar>
|
||||
<div>
|
||||
<div class="guide-title">{{ s.title }}</div>
|
||||
<div class="guide-desc">{{ s.desc }}</div>
|
||||
</div>
|
||||
</a-space>
|
||||
</a-card>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2">-->
|
||||
<!-- <a-card-->
|
||||
<!-- v-for="s in services"-->
|
||||
<!-- :key="s.title"-->
|
||||
<!-- class="guide-card service-card"-->
|
||||
<!-- :bordered="true"-->
|
||||
<!-- hoverable-->
|
||||
<!-- @click="navigateTo('/products')"-->
|
||||
<!-- >-->
|
||||
<!-- <a-space>-->
|
||||
<!-- <a-avatar :size="44" class="guide-icon service-icon">-->
|
||||
<!-- <component :is="s.icon" />-->
|
||||
<!-- </a-avatar>-->
|
||||
<!-- <div>-->
|
||||
<!-- <div class="guide-title">{{ s.title }}</div>-->
|
||||
<!-- <div class="guide-desc">{{ s.desc }}</div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </a-space>-->
|
||||
<!-- </a-card>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
|
||||
</div>
|
||||
<!-- </div>-->
|
||||
</section>
|
||||
|
||||
<section class="banner">
|
||||
@@ -314,6 +314,7 @@ function scrollToCompany() {
|
||||
|
||||
.panel {
|
||||
background: #fff;
|
||||
height: 360px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.06);
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
|
||||
Reference in New Issue
Block a user