Doplňující dokumentace k rámci
Rámec, nápady na design a dokumentace
Vícejazyčný rozbalovací seznam ShipLang
Seznam vícejazyčných jazyků je uložen v proměnné s názvem [$qx_lang] v kořenovém adresáři [index.php].
V [English|1] představuje |1 zobrazení jazyka a |0 představuje jazyk, který existuje, ale není zobrazen.
Vícejazyčné rozbalovací nabídky se načítají automaticky; podrobné funkce návrhu jsou k dispozici v obecných pokynech.
Další výzvy
I. Standardy psaní v JavaScriptu
Zakažte jQuery, zkratky šipkových funkcí a samospouštěcí funkce.
II. Vícejazyčný překlad
2.3 Tagy pro dynamický překlad textu (používejte s opatrností)
<span id="g">测试</span>
<div style="display:none"><!-- 隐藏翻译字典 -->
<span data-i18n="哈喽">hello</span>
<span data-i18n="不错">good</span>
</div>
<script>
// JS里写中文,系统自动查字典翻译
alert('哈喽'); // 自动读取翻译为 hello
document.getElementById('g').textContent = '不错'; // 自动替换成 good
</script>
⚠️ Poznámka:Dělejte to pouze tehdy, když je nezbytně nutné dynamicky zobrazit data pomocí JavaScriptu; pokud to není nutné, používejte JavaScript co nejméně.
2.4 Vícejazyčné přesměrování stránek (aktuální jazyk musí být zachován)
<!-- HTML 跳转,系统自动处理,直接写相对路径即可 -->
<a href="/home" data-i18n="h">首页</a>
<!-- 当前中文页 → /zh/home -->
<!-- 当前英文页 → /en/home -->
// JS 跳转,需手动拼接语言代码
window.location.href = '/' + document.documentElement.lang + '/about';
// 当前中文页 → /zh/about
// 当前英文页 → /en/about
III. Platba a přihlášení
Přihlášení a platba jsou volitelné funkce; měly by být integrovány pouze na výslovný požadavek uživatele. Uživatelé musí specifikovat podmínky, za kterých se mají přihlášení a platba zobrazit, a co je aktivuje. Pokud je popis neúplný, uživatelé se mohou rozhodnout je v tuto chvíli nepřidávat.
window.Login_ShipLang(); // 拉起登录
window.OpenPay_ShipLang(); // 拉起支付
if (window.IsPay_ShipLang()) {
// 是会员
} else {
// 非会员
}
IV. Pokyny pro vizuální design
- barva:Text, ohraničení, pozadí
#333,边框#ddd,背景#fff - vzdálenost:Použijte násobky 8 (8px, 16px, 24px).
- Písmo:Importováno z Google Fonts
- Logo: Elegantní ručně psané písmo, 22px
- Název: Patkové písmo (snadno čitelné, formální)
- Text těla: čitelné patkové písmo, 16px, výška řádku 1,6.
- Navigace: 15px
#666
- Zaoblené rohy:sjednocený
6px - v principu:Bílý prostor > dekorace; vypnout emoji; používat méně obrázků; pro logo používat text, ne obrázky.