nuxt初始化

nuxt-web/pages/products/ecommerce/net-cargo.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { ecommerceDetails } from '~/data/products'
+const page = ecommerceDetails['net-cargo']
+useSeo({ title: page.title, description: page.description, keywords: '岸基科技,网络货运平台,车货匹配', canonicalPath: '/products/ecommerce/net-cargo' })
+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>