- Spring Boot 后端服务 (hss-home-service) - delivery-miniapp 配送小程序 - website 官网 (Nuxt) - docs 架构设计文档 - Docker 容器化部署配置 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
37 lines
1.4 KiB
Vue
37 lines
1.4 KiB
Vue
<script setup lang="ts">
|
||
import { useSeo } from '~/composables/useSeo'
|
||
useSeo({ title: '资源中心', description: '下载解决方案 PDF、白皮书、产品介绍资料,获取最新政策解读和行业洞察。' })
|
||
</script>
|
||
|
||
<template>
|
||
<section class="py-20 bg-gradient-to-br from-primary-700 to-primary-900 text-white">
|
||
<div class="section-container text-center">
|
||
<h1 class="text-4xl md:text-5xl font-bold mb-4">资源中心</h1>
|
||
<p class="text-xl text-blue-100 max-w-2xl mx-auto">下载解决方案、白皮书和产品资料</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="py-20 bg-surface">
|
||
<div class="section-container">
|
||
<div class="grid md:grid-cols-3 gap-6">
|
||
<ResourceCard v-for="r in resources" :key="r.title" v-bind="r" />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="py-20 bg-white">
|
||
<div class="section-container text-center">
|
||
<h2 class="section-title">获取完整方案资料</h2>
|
||
<DownloadForm class="mt-8" />
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<script lang="ts">
|
||
const resources = [
|
||
{ title: '平台解决方案', desc: '完整的平台能力介绍、服务闭环说明和技术架构概览', type: 'PDF' },
|
||
{ title: '产品介绍白皮书', desc: '行业背景、平台定位、核心功能和建设价值详细说明', type: 'PDF' },
|
||
{ title: '部署与对接指南', desc: '技术部署方案、API 对接说明和运维要求', type: 'PDF' },
|
||
]
|
||
</script>
|