style: 重新设计语言切换按钮 — SVG 地球图标 + CN/EN 双标签
All checks were successful
continuous-integration/drone/push Build is passing

- emoji 🌐 替换为精致 SVG 线条地球图标
- 按钮改为圆角胶囊样式,透明底 + 细边框
- 显示 CN/EN 双标签(当前语言高亮,另一个淡显)
- hover 时整体变蓝色主题色
This commit is contained in:
yiqiu
2026-03-18 19:02:02 +08:00
parent f453907ead
commit 2b31442085
3 changed files with 56 additions and 20 deletions

View File

@@ -14,7 +14,7 @@
nav_console: '控制台',
nav_login: '登录',
nav_register: '立即注册',
lang_label: '',
lang_label: 'CN',
// === Banner 占位 ===
banner_tag_cloud: '云计算',
@@ -332,10 +332,14 @@
// 更新 html lang 属性
document.documentElement.lang = lang === 'zh' ? 'zh-CN' : 'en';
// 更新语言切换按钮文字
var langText = document.querySelector('.lang-text');
if (langText) {
langText.textContent = dict.lang_label || lang.toUpperCase();
// 更新语言切换按钮
var langTexts = document.querySelectorAll('.lang-text');
var langAlts = document.querySelectorAll('.lang-alt');
for (var i = 0; i < langTexts.length; i++) {
langTexts[i].textContent = lang === 'zh' ? 'CN' : 'EN';
}
for (var j = 0; j < langAlts.length; j++) {
langAlts[j].textContent = lang === 'zh' ? 'EN' : 'CN';
}
};