Kompletterande dokumentation för ramverket
Ramverk, designidéer och dokumentation
Flerspråkig rullgardinsmeny för ShipLang
Listan över flerspråkiga språk lagras i en variabel med namnet [$qx_lang] i rotkatalogen [index.php].
I [Engelska|1] representerar |1 visning av språket och |0 representerar det språk som finns men inte visas.
Flerspråkiga rullgardinsmenyer laddas automatiskt; detaljerade designfunktioner finns tillgängliga i de allmänna prompterna.
ShipLang flerspråkig översättningslagringsmekanism
Flerspråkiga översättningsfiler lagras i mappen [lang].
Rensa helt enkelt alla mappar i lang-mappen för att hämta översättnings-API:et igen.
Om du stöter på problem med översättningen kan du hitta motsvarande språkkatalog i lang-mappen och manuellt korrigera översättningen till rätt resultat.
Ytterligare uppmaningar
I. Standarder för JavaScript-skrivning
Inaktivera jQuery, förkortningar för pilfunktioner och självexekverande funktioner.
II. Flerspråkig översättning
2.3 Dynamiska textöversättningstaggar (använd med försiktighet)
<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 Omdirigering av flerspråkig sida (nuvarande språk måste bibehållas)
<!-- 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. Betalning och inloggning
Inloggning och betalning är valfria funktioner; de bör endast integreras om användaren uttryckligen begär det. Användare måste ange villkoren för att inloggning och betalning ska visas och vad som utlöser dem. Om beskrivningen är ofullständig kan användare välja att inte lägga till dem just nu.
window.Login_ShipLang(); // 拉起登录
window.OpenPay_ShipLang(); // 拉起支付
if (window.IsPay_ShipLang()) {
// 是会员
} else {
// 非会员
}
IV. Riktlinjer för visuell design
- färg:Text, ramar, bakgrund
#333,边框#ddd,背景#fff - mellanrum:Använd multiplar av 8 (8px, 16px, 24px).
- Font:Importerad från Google Fonts
- Logotyp: Elegant handskrivet typsnitt, 22px
- Titel: Serif-typsnitt (lättläst, formellt)
- Brödtext: läsbar serif, 16px, radhöjd 1,6.
- Navigering: 15px
#666
- Rundade hörn:enad
6px - i princip:Vitt utrymme > dekoration; inaktivera emojis; använd färre bilder; använd text för logotypen, inte bilder.