style: 重新设计语言切换按钮 — SVG 地球图标 + CN/EN 双标签
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
- emoji 🌐 替换为精致 SVG 线条地球图标
- 按钮改为圆角胶囊样式,透明底 + 细边框
- 显示 CN/EN 双标签(当前语言高亮,另一个淡显)
- hover 时整体变蓝色主题色
This commit is contained in:
14
js/i18n.js
14
js/i18n.js
@@ -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';
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user