Tilleggsdokumentasjon for rammeverket
Rammeverk, designideer og dokumentasjon
Flerspråklig rullegardinmeny for ShipLang
Listen over flerspråklige språk lagres i en variabel kalt [$qx_lang] i rotkatalogen [index.php].
I [Engelsk|1] representerer |1 visning av språket, og |0 representerer språket som finnes, men ikke vises.
Flerspråklige rullegardinmenyer lastes inn automatisk; detaljerte designfunksjoner er tilgjengelige i de generelle ledetekstene.
Ytterligere spørsmål
I. Standarder for JavaScript-skriving
Deaktiver jQuery, forkortelser for pilfunksjoner og selvutførende funksjoner.
II. Flerspråklig oversettelse
2.3 Dynamiske tekstoversettelseskoder (bruk med forsiktighet)
<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åklig side (gjeldende språk må beholdes)
<!-- 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 og innlogging
Innlogging og betaling er valgfrie funksjoner; de bør bare integreres hvis brukeren eksplisitt ber om det. Brukere må spesifisere betingelsene for hvordan innlogging og betaling skal vises og hva som utløser dem. Hvis beskrivelsen er ufullstendig, kan brukere velge å ikke legge dem til på dette tidspunktet.
window.Login_ShipLang(); // 拉起登录
window.OpenPay_ShipLang(); // 拉起支付
if (window.IsPay_ShipLang()) {
// 是会员
} else {
// 非会员
}
IV. Retningslinjer for visuell design
- farge:Tekst, rammer, bakgrunn
#333,边框#ddd,背景#fff - avstand:Bruk multipler av 8 (8 piksler, 16 piksler, 24 piksler).
- Skrifttype:Importert fra Google Fonts
- Logo: Elegant håndskrevet skrifttype, 22 piksler
- Tittel: Serif-skrifttype (lettlest, formell)
- Brødtekst: lesbar serif, 16 piksler, linjehøyde 1,6.
- Navigasjon: 15 piksler
#666
- Avrundede hjørner:enhetlig
6px - i prinsippet:Mellomrom > dekorasjon; deaktiver emojier; bruk færre bilder; bruk tekst til logoen, ikke bilder.