16 lines
1.3 KiB
Vue
16 lines
1.3 KiB
Vue
<script setup lang="ts">
|
||
import { ecommerceDetails } from '~/data/products'
|
||
const page = ecommerceDetails.bctp
|
||
useSeo({ title: page.title, description: page.description, keywords: '岸基科技,大宗商品贸易平台,多式联运', canonicalPath: '/products/ecommerce/bctp' })
|
||
const breadcrumbItems = [{ label: '首页', to: '/' }, { label: '港航电商系列产品', to: '/products/ecommerce' }, { label: page.title }]
|
||
</script>
|
||
|
||
<template>
|
||
<ProductDetailLayout :title="page.title" :description="page.description" :banner-image="page.bannerImage" :breadcrumb-items="breadcrumbItems" :related-products="page.relatedProducts" :related-cases="page.cases.map((item) => ({ label: item.title, to: item.to }))">
|
||
<ProductFeatureTabs :heading="page.featureHeading" :summary="page.featureSummary" :sections="page.featureSections" />
|
||
<ProductArchitectureCard :image="page.architectureImage" :image-alt="page.architectureAlt" description="从底层到应用，构建全链路协同骨架。" />
|
||
<ProductAdvantagesGrid heading="产品优势" summary="以港航数字化为核心，强化协同与运营洞察。" :items="page.advantages" />
|
||
<ProductCaseCards heading="客户案例" summary="真实项目已经落地，产品价值看得见。" :items="page.cases" />
|
||
</ProductDetailLayout>
|
||
</template>
|