0822最下方项目经历＋logo完成

0822下方的项目经历完成
8月21日5个详情页完成
2025-08-22 18:08:24 +08:00 · 2025-08-22 17:18:59 +08:00 · 2025-08-22 12:57:46 +08:00
8 changed files with 104 additions and 37 deletions
--- a/index.html
+++ b/index.html
@ -3,7 +3,8 @@
  <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">-->
+    <link rel="preload" as="image" href="images/hero-bg.jpg" fetchpriority="high">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite + Vue + TS</title>

--- a/src/assets/images/hero-bg.jpg
+++ b/src/assets/images/hero-bg.jpg
--- a/public/images/logo.png
+++ b/public/images/logo.png
--- a/src/components/common/Navbar.vue
+++ b/src/components/common/Navbar.vue
@ -2,6 +2,7 @@
  <header class="navbar-container" :class="{ scrolled: isScrolled }">
    <div class="container">
      <div class="logo">
+        <img src="/images/logo.png" alt="Company Logo" class="logo-image">
        <a href="#home">{{ t('nav.home') }}</a>
      </div>
      <nav>
@ -107,6 +108,17 @@ const closeMobileMenu = () => {
  padding: 0.8rem 0; */
 }

+.logo {
+  display: flex; /* 让Logo和文字横向排列 */
+  align-items: center; /* 垂直居中对齐 */
+  gap: 0.5rem; /* Logo与文字间距 */
+}
+
+.logo-image {
+  width: 70px; /* Logo宽度，根据需要调整 */
+  height: auto; /* 保持宽高比 */
+}
+
 .container {
  max-width: 1200px;
  margin: 0 auto;
--- a/src/components/timeline/CompanyTimeline.vue
+++ b/src/components/timeline/CompanyTimeline.vue
@ -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>
@ -29,39 +29,39 @@ export interface TimelineEvent {
 const timelineEvents = ref<TimelineEvent[]>([
  {
    id: 1,
-    date: '2015',
-    title: 'Company Founded',
-    description: 'Our company was founded with a vision to provide innovative software solutions.',
+    date: '2022',
+    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.',
+    date: '2022',
+    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.',
+    date: '2023',
+    title: "timelineEvents.timelineEvent3.title",
+    description: "timelineEvents.timelineEvent3.description",
  },
  {
    id: 4,
-    date: '2020',
-    title: 'Product Launch',
-    description: 'We launched our first proprietary software product.',
+    date: '2024',
+    title: "timelineEvents.timelineEvent4.title",
+    description: "timelineEvents.timelineEvent4.description",
  },
  {
    id: 5,
-    date: '2022',
-    title: 'International Expansion',
-    description: 'We expanded our operations to serve clients worldwide.',
+    date: '2025',
+    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.',
+    date: '2025',
+    title: "timelineEvents.timelineEvent6.title",
+    description: "timelineEvents.timelineEvent6.description",
  },
 ])

--- a/src/locales/ja.ts
+++ b/src/locales/ja.ts
@ -1,9 +1,9 @@
 export default {
  nav: {
    home: 'ホーム',
-    about: '会社概要',
-    team: 'チーム紹介',
-    projects: 'プロジェクト',
+    about: 'スタジオ概要',
+    team: 'メンバー紹介',
+    projects: '開発実績',
    contact: 'お問い合わせ',
  },
  about: {
@ -20,7 +20,7 @@ export default {
    advantage4: '信頼性',
  },
  team: {
-    title: 'チーム紹介',
+    title: 'メンバー紹介',
    memberRole: '役職',
    memberBio: 'プロフィール',
    member1: {name: "陳  迪",role: "スタジオ代表",
@ -50,7 +50,7 @@ export default {
 },
  
  projects: {
-    title: 'プロジェクト',
+    title: '実績概要',
    viewDetails: '詳細を見る',
    project1: {
      title: "航空券管理システム",
@ -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: 'お名前',
@ -84,7 +110,7 @@ export default {
    error: 'メッセージの送信に失敗しました。もう一度お試しください。',
  },
  timeline: {
-    title: '会社の沿革',
+    title: 'タイムライン',
  },
  

--- a/src/locales/zh.ts
+++ b/src/locales/zh.ts
@ -25,10 +25,9 @@ export default {
    memberBio: '简介',
    member1: {
      name: "陈迪",role: "工作室总负责人",
-      bio:`拥有日本留学与职业背景：先后就读于秋田大学及名古屋大学大学院，毕业后入职日本大型商社，在国际化商业环境中积累了宝贵的实战经验，
+      bio:`先后就读于秋田大学及名古屋大学大学院，毕业后入职日本大型商社，在国际化商业环境中积累了宝贵的实战经验，
           归国后，历任 BPO 项目管理岗位，主导过对日业务流程外包的全流程统筹，凭借对日本客户需求的精准把握，确保项目交付质量与效率双重达标；
-           后转型投身软件 开发领域，先后担任 SE、BSE及 PM，深度参与从需求分析、系统设计到开发落地的全生命周期管理，在 Web 开发、系统搭建等
-            方面积累了丰富的技术实操经验。`},
+           后转型投身软件 开发领域，先后担任 SE、BSE及 PM，深度参与从需求分析、系统设计到开发落地的全生命周期管理，在 Web 开发、系统搭建等方面积累了丰富的技术实操经验。`},
    member2: {name: "梁伟",role: "技术总负责人",
      bio:`拥有 10 年以上 web 开发经验，长期专注对日项目。精通前端 Vue、React、JavaScript 及 HTML5，后端 Java、Python 及 Spring Boot、
           Django 等框架，深谙日本技术标准与业务逻辑。主导过电商、企业管理系统等多领域大型项目，从需求分析到架构设计、开发落地全流程把控，
@ -58,18 +57,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: '您的姓名',
@ -81,6 +106,6 @@ export default {
    error: '发送留言失败，请重试。',
  },
  timeline: {
-    title: '公司历程',
+    title: '项目经历',
  },
 }
--- a/src/views/HomePage.vue
+++ b/src/views/HomePage.vue
@ -45,6 +45,9 @@ const t = inject<(key: string) => string>('t') || ((key) => key)


 <style scoped>
+
+
+
 .hero-section {
  height: 100vh;
  background-color: var(--bg-color);
@ -53,7 +56,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('/images/hero-bg.jpg'); /* 绝对路径，基于项目根目录 */
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
Author	SHA1	Message	Date
chendi	12acaab085	0822最下方项目经历＋logo完成	2025-08-22 18:08:24 +08:00
chendi	6b410fc91f	0822下方的项目经历完成	2025-08-22 17:18:59 +08:00
chendi	4c565ed67f	8月21日5个详情页完成	2025-08-22 12:57:46 +08:00