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.
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>
⚠️ Obs:Gör bara detta när du absolut behöver visa data dynamiskt med JavaScript; använd JavaScript så lite som möjligt när det inte är nödvändigt.
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.