fengjun/ag-index
1
0
Fork 0
Code Activity

nuxt初始化

Browse Source
This commit is contained in:
fengjun
2026-04-20 09:45:20 +08:00
parent e90903a378
commit d3eb1d3424
508 changed files with 35562 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
nuxt-web/pages/products/ecommerce/bctp.vue Normal file
View File

@@ -0,0 +1,15 @@
<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>

28
nuxt-web/pages/products/ecommerce/freight-booking.vue Normal file
View File

@@ -0,0 +1,28 @@
<script setup lang="ts">
import { ecommerceDetails } from '~/data/products'
const page = ecommerceDetails['freight-booking']
useSeo({ title: page.title, description: page.description, keywords: '岸基科技,海运订舱平台,港航电商', canonicalPath: '/products/ecommerce/freight-booking' })
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>

69
nuxt-web/pages/products/ecommerce/index.vue Normal file
View File

@@ -0,0 +1,69 @@
<script setup lang="ts">
import { ecommerceProducts } from '~/data/products'
useSeo({
title: '港航电商系列产品',
description: '查看岸基科技港航电商系列产品，包括海运订舱、网络货运、大宗贸易与网上业务大厅平台。',
keywords: '岸基科技,港航电商,海运订舱,网络货运,业务大厅',
canonicalPath: '/products/ecommerce'
})
const breadcrumbItems = [
{ label: '首页', to: '/' },
{ label: '港航电商系列产品' }
]
const familyTabs = [
{ label: '全程物流链系列产品', to: '/products/logistics' },
{ label: '港航电商平台系列产品', to: '/products/ecommerce' },
{ label: '云码头系列产品', to: '/products/port' },
{ label: '航运数字系列产品', to: '/products/shipping' }
]
</script>
<template>
<div>
<section class="page-title page-title2">
<div class="container">
<div class="row">
<div class="col col-xs-12">
<h2>智慧产品矩阵</h2>
<p>通覆盖全角色，贯穿全流程</p>
</div>
</div>
</div>
</section>
<section class="blog-pg-section service-single-section section-padding">
<div class="container">
<div class="row">
<div class="col col-md-12">
<div class="service-tab-nav">
<div class="widget service-list-widget">
<ul>
<li v-for="tab in familyTabs" :key="tab.to" :class="{ current: tab.to === '/products/ecommerce' }">
<NuxtLink :to="tab.to">{{ tab.label }}</NuxtLink>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col col-md-12">
<div class="product-cards">
<ProductCard
v-for="item in ecommerceProducts"
:key="item.to"
:title="item.title"
:description="item.description"
:image="item.image"
:to="item.to"
/>
</div>
</div>
</div>
</div>
</section>
</div>
</template>

15
nuxt-web/pages/products/ecommerce/net-cargo.vue Normal file
View File

@@ -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>

15
nuxt-web/pages/products/ecommerce/obh.vue Normal file
View File

@@ -0,0 +1,15 @@
<script setup lang="ts">
import { ecommerceDetails } from '~/data/products'
const page = ecommerceDetails.obh
useSeo({ title: page.title, description: page.description, keywords: '岸基科技,网上业务大厅,客户服务平台', canonicalPath: '/products/ecommerce/obh' })
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>