Raamistiku lisadokumentatsioon
Raamistik, disainiideed ja dokumentatsioon
ShipLangi mitmekeelne rippmenüü
Mitmekeelsete keelte loend salvestatakse juurkataloogis [index.php] asuvasse muutujasse nimega [$qx_lang].
Keeles [English|1] tähistab |1 kuvatavat keelt ja |0 tähistab küll olemasolevat, aga mitte kuvatavat keelt.
Mitmekeelsed rippmenüüd laadivad automaatselt; üksikasjalikud kujundusfunktsioonid on saadaval üldistes viipades.
Lisajuhised
I. JavaScripti kirjutamise standardid
Keela jQuery, noolefunktsioonide lühendid ja isetäituvad funktsioonid.
II. Mitmekeelne tõlge
2.3 Dünaamilise teksti tõlkesildid (kasutage ettevaatusega)
<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>
2.4 Mitmekeelne lehe ümbersuunamine (praegune keel tuleb säilitada)
<!-- 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. Maksmine ja sisselogimine
Sisselogimine ja maksmine on valikulised funktsioonid; need tuleks integreerida ainult siis, kui kasutaja seda selgesõnaliselt soovib. Kasutajad peavad määrama tingimused, mille korral sisselogimist ja maksmist kuvatakse ning mis neid käivitab. Kui kirjeldus on puudulik, saavad kasutajad need praegu mitte lisada.
window.Login_ShipLang(); // 拉起登录
window.OpenPay_ShipLang(); // 拉起支付
if (window.IsPay_ShipLang()) {
// 是会员
} else {
// 非会员
}
IV. Visuaalse disaini juhised
- värv:Tekst, äärised, taust
#333,边框#ddd,背景#fff - vahekaugus:Kasutage 8 kordseid (8px, 16px, 24px).
- Font:Imporditud Google Fontsist
- Logo: Elegantne käsitsi kirjutatud font, 22 pikslit
- Pealkiri: Serif-font (lihtne lugeda, ametlik)
- Põhitekst: loetav serif, 16px, rea kõrgus 1,6.
- Navigeerimine: 15 pikslit
#666
- Ümarad nurgad:ühtne
6px - põhimõtteliselt:Tühi ruum > kaunistus; keela emotikonid; kasuta vähem pilte; kasuta logo jaoks teksti, mitte pilte.