0829_logo和页面细节完善后提交版

src/components/common/Navbar.vue

@@ -115,8 +115,9 @@ const closeMobileMenu = () => {
 }
 
 .logo-image {
-  width: 70px; /* Logo宽度，根据需要调整 */
-  height: auto; /* 保持宽高比 */
+  width: 60px; /* Logo宽度，根据需要调整 */
+  height: 55px;  /* 自定义高度，不受宽高比限制 */
+  /*height: auto;  保持宽高比 */
 }
 
 .container {

src/components/company/AboutUs.vue

@@ -28,7 +28,7 @@
                 </svg>
               </div>
               <h4>{{ t('about.advantage1') }}</h4>
-              <p>Our team consists of highly skilled professionals with extensive experience in software development.</p>
+              <p>{{ t('about.advantage_explanation1') }}</p>
             </div>
             <div class="advantage-card">
               <div class="advantage-icon">
@@ -38,7 +38,7 @@
                 </svg>
               </div>
               <h4>{{ t('about.advantage2') }}</h4>
-              <p>We prioritize our clients' needs and work closely with them to achieve their business objectives.</p>
+              <p>{{ t('about.advantage_explanation2') }}</p>
             </div>
             <div class="advantage-card">
               <div class="advantage-icon">
@@ -49,7 +49,7 @@
                 </svg>
               </div>
               <h4>{{ t('about.advantage3') }}</h4>
-              <p>We constantly explore new technologies and methodologies to provide innovative solutions.</p>
+             <p>{{ t('about.advantage_explanation3') }}</p>
             </div>
             <div class="advantage-card">
               <div class="advantage-icon">
@@ -59,7 +59,7 @@
                 </svg>
               </div>
               <h4>{{ t('about.advantage4') }}</h4>
-              <p>We deliver projects on time and within budget, ensuring high quality and reliability.</p>
+              <p>{{ t('about.advantage_explanation4') }}</p>
             </div>
           </div>
         </div>
@@ -240,6 +240,8 @@ const t = inject<(key: string) => string>('t') || ((key) => key)
 .advantage-card p {
   color: var(--text-muted);
   line-height: 1.6;
+  text-align: left;  /* 文本左对齐 */
+   margin: 0; /* 可选：移除默认外边距，使对齐更精确 */
 }
 
 @media (max-width: 768px) {

src/components/projects/ProjectShowcase.vue

@@ -34,27 +34,31 @@ const openDetail = (project: Project) => {
   } else if (project.detailPageKey) {
     // 有 detailPageKey，跳转内部路由（本项目页面）
     const currentLang = store.currentLanguage; // 从语言存储中获取当前语言
-    console.log('当前语言:', currentLang); // 确认语言值是否为 'zh' 或 'jp'
+    //console.log('当前语言:', currentLang); // 确认语言值是否为 'zh' 或 'jp'
 
      // 根据当前语言构建路由名称
     const routeName = currentLang === 'zh' 
       ? `${project.detailPageKey}Detail` 
       : `${project.detailPageKey}DetailJp`;
-      console.log('生成的路由名称:', routeName); // 确认路由名称是否正确
+      //console.log('生成的路由名称:', routeName); // 确认路由名称是否正确
 
-      // 检查路由是否存在
-    const routeExists = router.getRoutes().some(route => route.name === routeName);
-    console.log('路由是否存在:', routeExists);
+    // 检查路由是否存在
+    //const routeExists = router.getRoutes().some(route => route.name === routeName);
+    //console.log('路由是否存在:', routeExists);
 
-    // 跳转到对应路由,push方法是在半页面进行跳转
-    //router.push({ name: routeName });
 
-    // 新代码：在新标签页打开
+    // 方法1：在新标签页打开
     const url = router.resolve({ name: routeName }).href;
-    const fullUrl = window.location.origin + url; // 拼接协议和域名
-    console.log('完整URL:', fullUrl); // 应为 http://localhost:5173/project3/zh
     window.open(url, '_blank');
 
+    // 方法2：单页应用内跳转（替换原有的window.open逻辑）
+    //router.push({ 
+      //name: routeName,
+      // 如果需要传递参数（比如项目ID），可以在这里添加
+      // params: { id: project.id }
+    // });
+    
+
   }
 };
 

src/locales/ja.ts

@@ -1,26 +1,30 @@
 export default {
   nav: {
     home: 'ホーム',
-    about: 'スタジオ概要',
-    team: 'メンバー紹介',
+    about: '私たちについて',
+    team: 'メンバー',
     projects: '開発実績',
     contact: 'お問い合わせ',
   },
   about: {
-    title: '会社概要',
-    mission: '私たちの使命',
-    vision: '私たちのビジョン',
+    title: '私たちについて',
+    mission: 'チーム理念',
+    vision: 'ビジョン',
     advantages: '私たちの強み',
-    content: '私たちは、お客様に高品質なソリューションを提供することに専念するプロフェッショナルなソフトウェア開発会社です。',
-    missionContent: 'ビジネスの成長とデジタル変革を推進する革新的な技術ソリューションを提供します。',
-    visionContent: '技術的卓越性と顧客満足度で認められる、世界をリードするソフトウェア開発サービスプロバイダーになること。',
-    advantage1: '技術的卓越性',
-    advantage2: '顧客中心のアプローチ',
-    advantage3: '革新',
-    advantage4: '信頼性',
+    content: '私たちは、ソフトウェア開発をはじめ、翻訳・BPOなどの業務を手がける専門サービスチームです',
+    missionContent: '「お客様のビジネス成長とデジタル変革を実現するために、革新的な技術ソリューションを創造します」',
+    visionContent: '「小さくとも優れた技術チームとして、技術の匠心でお客様の成功を支えます」',
+    advantage1: '低コスト',
+    advantage2: '迅速な判断',
+    advantage3: '柔軟な対応',
+    advantage4: '実績と信頼',
+    advantage_explanation1:'大手企業のように固定費（高額な賃料・管理部門人件費・ブランド広告費など）の負担がありません。このコスト優位性を最大限に活かし、業界でも類を見ない低価格水準を実現しております。',
+    advantage_explanation2:'小規模なチーム体制のため、複雑な稟議・承認プロセスが一切ありません。責任者や技術責任者などの中核メンバーが直接迅速に判断するため、お客様のご要望に素早く応えます。',
+    advantage_explanation3:'小規模な個人のお客様から大規模な法人案件まで、あらゆるデータ処理に対応できるプロフェッショナルです。小ロットから大量発注、緊急のご依頼まで、状況に応じて臨機応変に対応いたします。',
+    advantage_explanation4:'大手企業から官公庁、個人事業主の方まで、多岐にわたるお取引実績がございます。特に金融・保険・製造・商社・物流など多様な業界のお客様から厚い信頼をいただいております。',
   },
   team: {
-    title: 'メンバー紹介',
+    title: 'メンバー',
     memberRole: '役職',
     memberBio: 'プロフィール',
     member1: {name: "陳  迪",role: "スタジオ代表",

src/locales/zh.ts

@@ -8,16 +8,20 @@ export default {
   },
   about: {
     title: '关于我们',
-    mission: '我们的使命',
+    mission: '团队理念',
     vision: '我们的愿景',
     advantages: '我们的优势',
-    content: '我们是一家专业的软件开发团队，致力于为客户提供高质量的解决方案。',
-    missionContent: '提供创新的技术解决方案，推动业务增长和数字化转型。',
-    visionContent: '成为全球领先的软件开发服务提供商，以技术卓越和客户满意度著称。',
-    advantage1: '技术卓越',
-    advantage2: '以客户为中心',
-    advantage3: '创新精神',
-    advantage4: '可靠性',
+    content: '我们是一家从事软件开发，以及翻译、BPO等业务的专业服务团队',
+    missionContent: '用创新技术，助力客户实现业务增长与数字化转型。',
+    visionContent: '做小而美的技术团队，以技术匠心成就客户成功。',
+    advantage1: '低成本',
+    advantage2: '快速决策',
+    advantage3: '灵活应对多样化需求',
+    advantage4: '丰富的业界经验',
+    advantage_explanation1:'工作室无大型企业的 “固定成本包袱”（如高额房租、行政人员薪资、品牌营销费用等），可以充分发挥工作室运营的成本优势，实现行业的低价格水平。',
+    advantage_explanation2:'得益于小规模团队架构，我们完全无需复杂的层层汇报与审批流程。由负责人及技术主管等核心成员直接迅速做出判断，及时响应您的各类需求。',
+    advantage_explanation3:'由专业人士组成的团队，能够处理从个人小规模项目到企业大规模项目在内的各种数据处理业务。无论小批量、大批量还是紧急订单，我们都能灵活应对。',
+    advantage_explanation4:'我们拥有广泛的合作经验，客户涵盖大型企业、政府机关及个人经营者。尤其深受金融，保险，生产加工、贸易公司、物流等多行业客户的信赖。',
   },
   team: {
     title: '我们的团队',