Aanvullende Dokumentasie van die Raamwerk
Raamwerk, ontwerpidees en dokumentasie
ShipLang veeltalige aftreklys
Die lys van veeltalige tale word gestoor in 'n veranderlike met die naam [$qx_lang] in die wortelgids [index.php].
In [Engels|1], verteenwoordig |1 die vertoon van die taal, en |0 verteenwoordig die taal wat bestaan maar nie vertoon word nie.
Meertalige aftreklyste laai outomaties; gedetailleerde ontwerpkenmerke is beskikbaar in die algemene aanwysings.
Bykomende aanwysings
I. JavaScript-skryfstandaarde
Deaktiveer jQuery, afkortings vir pylfunksies en selfuitvoerende funksies.
II. Meertalige vertaling
2.3 Dinamiese teksvertalingsetikette (gebruik met omsigtigheid)
<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 Meertalige bladsyherleiding (huidige taal moet behoue bly)
<!-- 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. Betaling en Aanmelding
Aanmelding en betaling is opsionele kenmerke; hulle moet slegs geïntegreer word indien dit eksplisiet deur die gebruiker versoek word. Gebruikers moet die voorwaardes spesifiseer waaronder aanmelding en betaling vertoon moet word en wat hulle aktiveer. Indien die beskrywing onvolledig is, kan gebruikers kies om hulle tans nie by te voeg nie.
window.Login_ShipLang(); // 拉起登录
window.OpenPay_ShipLang(); // 拉起支付
if (window.IsPay_ShipLang()) {
// 是会员
} else {
// 非会员
}
IV. Visuele Ontwerpriglyne
- kleur:Teks, rande, agtergrond
#333,边框#ddd,背景#fff - spasiëring:Gebruik veelvoude van 8 (8px, 16px, 24px).
- Lettertipe:Ingevoer vanaf Google Fonts
- Logo: Elegante handgeskrewe lettertipe, 22px
- Titel: Serif-lettertipe (Maklik om te lees, Formeel)
- Liggaamsteks: leesbare serif, 16px, lynhoogte 1.6.
- Navigasie: 15px
#666
- Afgeronde hoeke:verenig
6px - in beginsel:Wit spasie > versiering; deaktiveer emojis; gebruik minder beelde; gebruik teks vir die logo, nie beelde nie.