feat(home): 完成首页全面重构与新增多个板块组件

- 重构首页结构,增加Banner轮播与左侧快捷入口
- 新增单位企业广告区及会员服务广告区
- 实现决策咨询板块,涵盖市县决策、行业资讯、前沿观察、企业动态
- 设计决策参考板块,展示政策原文、深度解读、研究成果、专题研究
- 完善专家资讯板块,包含专家视点、专家动态及专家申请卡片
- 添加智库观察板块与翰墨文谈板块,丰富内容分类
- 底部功能区新增资料下载、申报模板、成果报送、联系我们快捷链接
- 采用蓝色主色调和卡片式布局,提升视觉统一与响应式体验
- 使用模拟数据占位,便于后续接入实际API数据
- 重构SiteFooter提升一致性与风格统一
This commit is contained in:
2026-04-24 19:50:20 +08:00
parent de671a28f5
commit 17ce26411d
8 changed files with 1143 additions and 437 deletions

View File

@@ -0,0 +1,58 @@
<template>
<div class="section-header">
<div class="header-left">
<span class="icon">{{ icon }}</span>
<h2 class="title">{{ title }}</h2>
</div>
<NuxtLink v-if="moreLink" :to="moreLink" class="more-link">
查看更多
</NuxtLink>
</div>
</template>
<script setup lang="ts">
defineProps<{
title: string
icon?: string
moreLink?: string
}>()
</script>
<style scoped>
.section-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px;
padding-bottom: 16px;
border-bottom: 3px solid #1e3a5f;
}
.header-left {
display: flex;
align-items: center;
gap: 12px;
}
.icon {
font-size: 24px;
}
.title {
font-size: 22px;
font-weight: 700;
color: #1e3a5f;
margin: 0;
}
.more-link {
color: #666;
font-size: 14px;
text-decoration: none;
transition: color 0.2s;
}
.more-link:hover {
color: #1e3a5f;
}
</style>