- Spring Boot 后端服务 (hss-home-service) - delivery-miniapp 配送小程序 - website 官网 (Nuxt) - docs 架构设计文档 - Docker 容器化部署配置 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
25 lines
913 B
Vue
25 lines
913 B
Vue
<script setup lang="ts">
|
|
import { useSeo } from '~/composables/useSeo'
|
|
import { scenarios } from '~/data/siteContent'
|
|
useSeo({ title: '应用场景', description: '覆盖政府监管、医院延续护理、养老机构、社区服务中心、长护险管理五大应用场景。' })
|
|
</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-2 lg:grid-cols-3 gap-6">
|
|
<ScenarioCard v-for="s in scenarios" :key="s.title" v-bind="s" />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<CtaSection />
|
|
</template>
|