Dodatna dokumentacija okvira
Okvir, ideje za dizajn i dokumentacija
Višejezični padajući izbornik ShipLang
Popis višejezičnih jezika pohranjen je u varijabli pod nazivom [$qx_lang] u korijenskom direktoriju [index.php].
U [English|1], |1 predstavlja prikaz jezika, a |0 predstavlja jezik koji postoji, ali nije prikazan.
Višejezični padajući izbornici učitavaju se automatski; detaljne značajke dizajna dostupne su u općim upitima.
Dodatne upute
I. Standardi pisanja u JavaScriptu
Onemogućite jQuery, kratice funkcija sa strelicama i samostalno izvršavajuće funkcije.
II. Višejezični prijevod
2.3 Oznake za dinamički prijevod teksta (koristite s oprezom)
<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>
⚠️ Napomena:Učinite to samo kada vam je apsolutno potrebno dinamički prikazati podatke pomoću JavaScripta; koristite JavaScript što je manje moguće kada nije potreban.
2.4 Preusmjeravanje višejezičnih stranica (trenutni jezik mora se zadržati)
<!-- 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. Plaćanje i prijava
Prijava i plaćanje su opcionalne značajke; trebale bi se integrirati samo ako ih korisnik izričito zatraži. Korisnici trebaju navesti uvjete pod kojima bi se prijava i plaćanje trebali prikazivati i što ih aktivira. Ako je opis nepotpun, korisnici ih trenutno ne žele dodati.
window.Login_ShipLang(); // 拉起登录
window.OpenPay_ShipLang(); // 拉起支付
if (window.IsPay_ShipLang()) {
// 是会员
} else {
// 非会员
}
IV. Smjernice za vizualni dizajn
- boja:Tekst, obrubi, pozadina
#333,边框#ddd,背景#fff - razmak:Koristite višekratnike broja 8 (8px, 16px, 24px).
- Font:Uvezeno iz Google Fontova
- Logotip: Elegantni rukom pisani font, 22px
- Naslov: Serif font (lako čitljiv, formalni)
- Tekst tijela: čitljivi serifni fontovi, 16px, visina retka 1,6.
- Navigacija: 15px
#666
- Zaobljeni kutovi:ujedinjen
6px - u načelu:Bijeli prostor > ukras; onemogućite emojije; koristite manje slika; koristite tekst za logotip, a ne slike.