-
我们的核心优势
+我们的核心优势
-
开发周期短
-开发周期短，保证您的项目按时完成，24小时快速响应。
+开发周期短
+开发周期短，保证您的项目按时完成，24小时快速响应。
-
技术质量保证
-通过专业的检测技术，保证您的项目在开发过程中随时都能保持高质量。
+技术质量保证
+通过专业的检测技术，保证您的项目在开发过程中随时都能保持高质量。
-
技术方案完善
-从方案设计到开发的各个环节都有详细的设计和方案，确保项目顺利进行。
+技术方案完善
+从方案设计到开发的各个环节都有详细的设计和方案，确保项目顺利进行。
-
我们的业务范围
+我们的业务范围
@@ -94,7 +101,7 @@
-
合作伙伴
+合作伙伴
@@ -105,7 +112,7 @@
-
行业方案案例
+行业方案案例
@@ -127,32 +134,32 @@
@@ -167,7 +174,7 @@
@@ -210,8 +217,8 @@
diff --git a/js/main.js b/js/main.js
index f89db75..4123489 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,10 +1,54 @@
+// Language switching functionality
+let currentLang = localStorage.getItem('language') || 'cn';
+let langData = {};
+
+async function loadLanguage(lang) {
+ try {
+ const res = await fetch(`config/lang-${lang}.json`);
+ langData = await res.json();
+ updatePageLanguage();
+ localStorage.setItem('language', lang);
+ currentLang = lang;
+
+ // Update active state for language options
+ document.querySelectorAll('.lang-option').forEach(option => {
+ if (option.getAttribute('data-lang') === lang) {
+ option.classList.add('active');
+ } else {
+ option.classList.remove('active');
+ }
+ });
+
+ // Reload services and cases with new language
+ loadServices();
+ loadCases();
+ } catch (err) {
+ console.error("加载语言文件失败:", err);
+ }
+}
+
+function updatePageLanguage() {
+ // Update all elements with data-i18n attribute
+ document.querySelectorAll('[data-i18n]').forEach(element => {
+ const key = element.getAttribute('data-i18n');
+ const translation = getNestedTranslation(langData, key);
+ if (translation) {
+ element.textContent = translation;
+ }
+ });
+}
+
+function getNestedTranslation(obj, path) {
+ return path.split('.').reduce((current, key) => current?.[key], obj);
+}
async function loadServices() {
try {
- const res = await fetch("config/card.json");
+ const res = await fetch(`config/card-${currentLang}.json`);
const cards = await res.json();
const grid = document.getElementById("servicesGrid");
+ grid.innerHTML = ''; // Clear existing content
cards.forEach(item => {
const card = document.createElement("div");
@@ -85,6 +129,23 @@ document.addEventListener("DOMContentLoaded", () => {
loadCases();
loadServices();
loadPartners();
+
+ // Load initial language
+ loadLanguage(currentLang);
+
+ // Language toggle button event - handle clicks on language options
+ const langBtn = document.getElementById('langToggle');
+ if (langBtn) {
+ langBtn.addEventListener('click', (e) => {
+ const target = e.target;
+ if (target.classList.contains('lang-option')) {
+ const selectedLang = target.getAttribute('data-lang');
+ if (selectedLang !== currentLang) {
+ loadLanguage(selectedLang);
+ }
+ }
+ });
+ }
});
@@ -92,17 +153,18 @@ document.addEventListener("DOMContentLoaded", () => {
async function loadCases() {
try {
- // 读取 config/video.json
- const res = await fetch("config/video.json");
+ // 读取 config/video-{lang}.json
+ const res = await fetch(`config/video-${currentLang}.json`);
const cases = await res.json();
const grid = document.getElementById("casesGrid");
+ grid.innerHTML = ''; // Clear existing content
cases.forEach(item => {
const card = document.createElement("div");
card.className = "case-card";
card.setAttribute("data-video", item.src);
- const previewPath = "img/preview/" + item.title + ".png";
+ const previewPath = "img/preview/" + item.preview + ".png";
// 用 preview 图片当封面
card.innerHTML = `
-
公司介绍
+公司介绍
- 广州市虚境起源科技有限公司 -
我们主要提供虚拟现实与混合现实应用开发技术服务、技术服务、技术人员等服务均具备落地开发能力。
-成立时间：2023年
- 已为数十家上市企业提供技术服务，培训虚拟现实开发者上万名。 + 广州市虚境起源科技有限公司 +我们主要提供虚拟现实与混合现实应用开发技术服务、技术服务、技术人员等服务均具备落地开发能力。
+成立时间：2023年
+ 已为数十家上市企业提供技术服务，培训虚拟现实开发者上万名。
-
100+
- 成功项目
+ 100+
+ 成功项目
-
98%
- 客户满意度
+ 98%
+ 客户满意度
-
50+
- 专业团队
+ 50+
+ 专业团队
-
20+
- 行业经验
+ 20+
+ 行业经验
-
联系我们
+联系我们
@@ -176,8 +183,8 @@
-
地址
-广东省广州市黄浦区科学城产业总部港A2栋1008
+地址
+广东省广州市黄浦区科学城产业总部港A2栋1008
@@ -185,8 +192,8 @@
-
电话
-13368952691
+电话
+13368952691
@@ -194,8 +201,8 @@
-
邮件
-w858626244@gmail.com
+邮件
+w858626244@gmail.com
-
© Copyright 广州市虚境起源科技有限公司
+© Copyright 广州市虚境起源科技有限公司