feat(i18n): 更新中英文翻译及国际化支持

- 在Workshop和Line模块中添加新的翻译字段
- 修复页面中硬编码的文本,改为使用翻译
- 更新产品线和车间展示的英文翻译内容
- 为卡片组件添加locale属性传递
This commit is contained in:
砂糖
2026-02-03 17:18:13 +08:00
parent 86c20e5ef7
commit e7a428d8f0
7 changed files with 65 additions and 44 deletions

View File

@@ -4,6 +4,7 @@ import { constructMetadata } from "@/lib/metadata";
import { Line } from "@/types/line";
import { Metadata } from "next";
import { Locale } from "next-intl";
import { getTranslations } from "next-intl/server";
// 强制静态渲染
export const dynamic = "force-static";
@@ -48,6 +49,7 @@ export async function generateMetadata({
export default async function ProductDetailPage({ params }: { params: Params }) {
const { locale, slug } = await params;
const line = await getLine(locale, slug);
const t = await getTranslations({ locale, namespace: "Line" });
if (!line) return <div className="p-6">404 - 线</div>;
@@ -82,7 +84,7 @@ export default async function ProductDetailPage({ params }: { params: Params })
{line.images && line.images.length > 0 && (
<div className="mb-12">
<h2 className="text-2xl md:text-3xl font-semibold text-gray-800 mb-6">
{t("productImages")}
</h2>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
{line.images.map((imgUrl, index) => (
@@ -103,7 +105,7 @@ export default async function ProductDetailPage({ params }: { params: Params })
{line.properties && line.properties.length > 0 && (
<div className="mb-12">
<h2 className="text-2xl md:text-3xl font-semibold text-gray-800 mb-6">
{t("productProperties")}
</h2>
<ul className="space-y-4">
{line.properties.map((prop, index) => (

View File

@@ -110,7 +110,7 @@ export default async function Page({
}) {
const { locale } = await params;
// 获取翻译(确保服务端/客户端一致)
const t = await getTranslations({ locale, namespace: "Workshop" });
const t = await getTranslations({ locale, namespace: "Line" });
// 获取产品线数据(顶层 awaitServer Component 原生支持)
const products: Line[] = await getLines(locale);
@@ -129,7 +129,7 @@ export default async function Page({
{products.map((product) => {
// 用稳定的 key优先用唯一标识如 id无 id 则用 title+locale 避免 index 导致的问题)
const stableKey = `${product.title}-${product.locale}`;
return <ProductCard key={stableKey} product={product} />;
return <ProductCard key={stableKey} product={{ ...product, locale }} />;
})}
</div>
) : (

View File

@@ -4,6 +4,7 @@ import { getWorkShop, getWorkShops } from "@/lib/workshop";
import { WorkShop } from "@/types/workShop";
import { Metadata } from "next";
import { Locale } from "next-intl";
import { getTranslations } from "next-intl/server";
// 固定 Params 类型为普通对象Next.js 原生传参无异步)
type Params = {
@@ -45,6 +46,7 @@ export async function generateMetadata({
export default async function WorkshopDetailPage({ params }: { params: Params }) {
const { locale, slug } = await params;
const workShop = await getWorkShop(locale, slug);
const t = await getTranslations({ locale, namespace: "Workshop" });
if (!workShop) return null;
@@ -78,7 +80,7 @@ export default async function WorkshopDetailPage({ params }: { params: Params })
{workShop.images?.length > 0 && (
<div className="bg-white rounded-xl p-8 shadow-xl mt-12">
<h2 className="text-2xl font-semibold text-gray-800 mb-6 border-b pb-3 border-gray-200">
{t("pageImages")}
</h2>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
{workShop.images.map((img, index) => {

View File

@@ -93,7 +93,7 @@ export default async function Page({ params }: { params: Params }) {
{workShops.length > 0 ? (
workShops.map((workshop) => {
const stableKey = `${workshop.title}-${workshop.locale}`;
return <WorkshopCard key={stableKey} workshop={workshop} />;
return <WorkshopCard key={stableKey} workshop={{ ...workshop, locale }} />;
})
) : (
<EmptyState />

View File

@@ -14,7 +14,7 @@ export default function HomeComponent() {
{/* 轮播图区域, 先用一张图片占位, 宽度100% 盖度100vh */}
<img src="/images/home.png" alt={t("carousel")} className="w-screen h-[80vh] object-cover rounded-lg" />
{/* 公司介绍 - 左右布局 */}
<div className="flex flex-col lg:flex-row w-full my-16 px-8">
<div className="flex flex-col lg:flex-row w-full my-16 px-8 items-center">
{/* 左边视频(图片占位) */}
<div className="w-full lg:w-1/2 h-[50vh] lg:h-[60vh] relative overflow-hidden">
<img

View File

@@ -72,56 +72,66 @@
"Links": {
"groups": [
{
"title": "About Us",
"title": "About Wuhan Sage",
"links": [
{
"href": "/en/about/company",
"name": "Company Profile",
"useA": true
},
{
"href": "/en/about/culture",
"name": "Corporate Culture",
"useA": true
},
{
"href": "/en/about/base",
"name": "Production Base",
"useA": true
},
{
"href": "/en/about/organization",
"name": "Organizational Structure",
"useA": true
},
{
"href": "/en/about/awards",
"name": "Honors and Qualifications",
"useA": true
},
{
"href": "/en/about/history",
"name": "Development History",
"name": "Company Introduction",
"useA": true
}
]
},
{
"title": "News Center",
"title": "Workshop Exhibition",
"links": [
{
"href": "/en/blog?category=announce",
"name": "Announcements",
"href": "/en/workshop/assembly",
"name": "Assembly Workshop",
"useA": true
},
{
"href": "/en/blog?category=news",
"name": "News",
"href": "/en/workshop/heat-treatment",
"name": "Heat Treatment Workshop",
"useA": true
},
{
"href": "/en/blog?category=event",
"name": "Events",
"href": "/en/workshop/machine",
"name": "Machining Workshop",
"useA": true
}
]
},
{
"title": "Mill Unit Products",
"links": [
{
"href": "/en/line/zinc",
"name": "Hot-dip Galvanizing / Galvalume Mill Unit",
"useA": true
},
{
"href": "/en/line/magnesium",
"name": "Zinc-Aluminum-Magnesium Coating Mill Unit",
"useA": true
},
{
"href": "/en/line/paint",
"name": "Color Coating Mill Unit",
"useA": true
},
{
"href": "/en/line/electric-steel",
"name": "High-efficiency Electrical Steel (Silicon Steel) Continuous Processing Mill Unit",
"useA": true
},
{
"href": "/en/line/carbon-steel",
"name": "Carbon Steel Pickling Mill Unit",
"useA": true
},
{
"href": "/en/line/stainless-steel-heat-treatment",
"name": "Stainless Steel Continuous Annealing & Pickling Mill Unit",
"useA": true
}
]
@@ -317,10 +327,16 @@
},
"Workshop": {
"pageTitle": "Workshop Exhibition",
"pageDesc": "Workshop Exhibition"
"pageDesc": "Workshop Exhibition",
"pageImages": "Workshop Images"
},
"Line": {
"pageTitle": "Mill Unit Products",
"productImages": "Mill Unit Images",
"productProperties": "Mill Unit Properties"
},
"About": {
"title": "About Wuhan Saga Engineering Technology",
"title": "About Wuhan Saga",
"description": "About Wuhan Saga Engineering Technology"
},
"TermsOfService": {

View File

@@ -266,6 +266,7 @@
},
"Workshop": {
"pageTitle": "车间展示",
"pageDesc": "车间展示"
"pageDesc": "车间展示",
"pageImages": "车间图片"
}
}