8月21日5个详情页完成
This commit is contained in:
chendi
parent
8b78ad2b6d
commit
4c565ed67f
|
|
@ -3,6 +3,7 @@
|
|||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<!--<link rel="preload" as="image" href="/src/assets/images/hero-bg.jpg" fetchpriority="high">-->
|
||||
<link rel="preload" as="image" href="/src/assets/images/hero-bg.jpg" fetchpriority="high">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Vite + Vue + TS</title>
|
||||
|
|
|
|||
|
|
@ -3,11 +3,11 @@
|
|||
<div class="container">
|
||||
<h2 class="section-title">{{ t('timeline.title') }}</h2>
|
||||
<div class="timeline">
|
||||
<div v-for="(event, index) in timelineEvents" :key="event.id" class="timeline-item" :class="{ 'timeline-item-right': index % 2 === 1 }">
|
||||
<div v-for="(timelineEvent,index) in timelineEvents" :key="timelineEvent.id" class="timeline-item" :class="{ 'timeline-item-right': index % 2 === 1 }">
|
||||
<div class="timeline-content">
|
||||
<div class="timeline-date">{{ event.date }}</div>
|
||||
<h3>{{ event.title }}</h3>
|
||||
<p>{{ event.description }}</p>
|
||||
<div class="timeline-date">{{ t(timelineEvent.date) }}</div>
|
||||
<h3>{{ t(timelineEvent.title) }}</h3>
|
||||
<p>{{ t(timelineEvent.description) }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -30,38 +30,38 @@ const timelineEvents = ref<TimelineEvent[]>([
|
|||
{
|
||||
id: 1,
|
||||
date: '2015',
|
||||
title: 'Company Founded',
|
||||
description: 'Our company was founded with a vision to provide innovative software solutions.',
|
||||
title: "timelineEvents.timelineEvent1.title",
|
||||
description: "timelineEvents.timelineEvent1.description",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
date: '2016',
|
||||
title: 'First Project',
|
||||
description: 'We successfully completed our first major project for a leading client.',
|
||||
title: "timelineEvents.timelineEvent2.title",
|
||||
description: "timelineEvents.timelineEvent2.description",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
date: '2018',
|
||||
title: 'Team Expansion',
|
||||
description: 'Our team grew to 20 employees with expertise in various technologies.',
|
||||
title: "timelineEvents.timelineEvent3.title",
|
||||
description: "timelineEvents.timelineEvent3.description",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
date: '2020',
|
||||
title: 'Product Launch',
|
||||
description: 'We launched our first proprietary software product.',
|
||||
title: "timelineEvents.timelineEvent4.title",
|
||||
description: "timelineEvents.timelineEvent4.description",
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
date: '2022',
|
||||
title: 'International Expansion',
|
||||
description: 'We expanded our operations to serve clients worldwide.',
|
||||
title: "timelineEvents.timelineEvent5.title",
|
||||
description: "timelineEvents.timelineEvent5.description",
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
date: '2023',
|
||||
title: 'Industry Recognition',
|
||||
description: 'Our company received multiple awards for excellence in software development.',
|
||||
title: "timelineEvents.timelineEvent6.title",
|
||||
description: "timelineEvents.timelineEvent6.description",
|
||||
},
|
||||
])
|
||||
|
||||
|
|
|
|||
|
|
@ -66,13 +66,39 @@ export default {
|
|||
},
|
||||
project4: {
|
||||
title: "工業生産管理システム",
|
||||
description: "当システムは、マーケティング管理、生産計画、資材管理、工程管理、設備監視および品質管理などの各工程を統合し、生産プロセスの可視化と細やかな管理を実現します。リソースの最適な配分を図り、生産効率と製品品質を向上させ、運営コストを削減することで、企業のスマート化進展を推進します。",
|
||||
description: "当システムは、国のDX推進に応じて開発されたもので、マーケティング管理、生産計画、資材管理、工程管理、設備監視および品質管理などの各工程を統合し、生産プロセスの可視化と細やかな管理を実現します。リソースの最適な配分を図り、生産効率と製品品質を向上させ、運営コストを削減することで、企業のスマート化進展を推進します。",
|
||||
},
|
||||
project5: {
|
||||
title: "地図拡張システム",
|
||||
description: "本システムは、プロフェッショナル向けに設計された地図拡張ツールです。利用者は地図の閲覧や情報検索だけでなく、多彩な操作を地図上で実行可能。特定エリアやルートのマーキング機能に加え、2地点間の正確な距離測定や指定領域の面積計算も可能です。さらに強力な比較機能を搭載し、専門家の業務をサポートする高精度なデータを提供します。",
|
||||
},
|
||||
},
|
||||
timelineEvents: {
|
||||
timelineEvent1: {
|
||||
title: "スタジオ設立",
|
||||
description: "",
|
||||
},
|
||||
timelineEvent2: {
|
||||
title: "航空券管理システム",
|
||||
description: "初の日本案件（一部）受注",
|
||||
},
|
||||
timelineEvent3: {
|
||||
title: "地図拡張システム",
|
||||
description: "大型案件（一部）参画",
|
||||
},
|
||||
timelineEvent4: {
|
||||
title: "農作物管理・買取システム",
|
||||
description: "機能開発・保守",
|
||||
},
|
||||
timelineEvent5: {
|
||||
title: "勤怠管理システム",
|
||||
description: "機能開発・保守",
|
||||
},
|
||||
timelineEvent6: {
|
||||
title: "工業生産管理システム",
|
||||
description: "DX推進、独立開発（開発中）",
|
||||
},
|
||||
},
|
||||
contact: {
|
||||
title: 'お問い合わせ',
|
||||
name: 'お名前',
|
||||
|
|
|
|||
|
|
@ -58,18 +58,44 @@ export default {
|
|||
description: "本系统连接农户与采购商，提供农产品管理，天气预报，病虫害管理，信息发布、在线洽谈、订单管理、质量追溯与电子结算等服务，打破信息壁垒，优化交易流程，促进农产品高效流通，助力农业增效、农户增收。",
|
||||
},
|
||||
project3: {
|
||||
title: "出勤管理系统",
|
||||
title: "考勤管理系统",
|
||||
description: "系统通过考勤机、移动端等多方式记录员工上下班时间、请假、加班等信息，自动统计分析出勤数据，生成考勤报表，简化人事管理流程，确保考勤准确公正，为薪资计算和绩效考核提供可靠依据。",
|
||||
},
|
||||
project4: {
|
||||
title: "工业生产管理系统",
|
||||
description: "本系统是一款专业的生产加工行业的数字化系统，整合营销管理，生产计划、物料管理、工艺流程、设备监控与质量控制等环节，实现生产过程的可视化、精细化管理，优化资源配置，提高生产效率与产品质量，降低运营成本，推动企业智能化升级。",
|
||||
description: "本系统是一款为响应国家数字化转型战略而打造的工业数字化系统，整合营销管理，生产计划、物料管理、工艺流程、设备监控与质量控制等环节，实现生产过程的可视化、精细化管理，优化资源配置，提高生产效率与产品质量，降低运营成本，推动企业智能化升级。",
|
||||
},
|
||||
project5: {
|
||||
title: "地图扩展系统",
|
||||
description: "本系统是为专业人士打造的地图扩展工具。操作者不仅能进行地图阅览与信息查询，还可在地图上开展丰富操作；支持对特定区域、线路等进行标记，能够精准测量地图上任意两点间的距离以及特定区域的面积；同时具备强大的对比功能，为专业人士提供精确数据支撑。",
|
||||
},
|
||||
},
|
||||
timelineEvents: {
|
||||
timelineEvent1: {
|
||||
title: "工作室成立",
|
||||
description: "",
|
||||
},
|
||||
timelineEvent2: {
|
||||
title: "机票管理系统",
|
||||
description: "首个对日项目（一部分参与）",
|
||||
},
|
||||
timelineEvent3: {
|
||||
title: "地图扩展系统",
|
||||
description: "大型项目（一部分）参与",
|
||||
},
|
||||
timelineEvent4: {
|
||||
title: "农作物交易系统",
|
||||
description: "功能开发和保守",
|
||||
},
|
||||
timelineEvent5: {
|
||||
title: "考勤管理系统",
|
||||
description: "功能开发和保守",
|
||||
},
|
||||
timelineEvent6: {
|
||||
title: "工业生产管理系统",
|
||||
description: "数字化转型项目，独立开发（进行中）",
|
||||
},
|
||||
},
|
||||
contact: {
|
||||
title: '联系我们',
|
||||
name: '您的姓名',
|
||||
|
|
|
|||
|
|
@ -53,7 +53,7 @@ const t = inject<(key: string) => string>('t') || ((key) => key)
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('/src/assets/images/hero-bg.jpg'); /* 绝对路径，基于项目根目录 */
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('@/src/assets/images/hero-bg.jpg'); /* 绝对路径，基于项目根目录 */
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-attachment: fixed;
|
||||
|
|
|
|||
Loading…
Reference in New Issue