Supplerende dokumentation for rammerne
Ramme, designidéer og dokumentation
Flersproget rullemenu for ShipLang
Listen over flersprogede sprog er gemt i en variabel med navnet [$qx_lang] i rodmappen [index.php].
I [Engelsk|1] repræsenterer |1 visning af sproget, og |0 repræsenterer det sprog, der findes, men ikke vises.
Flersprogede dropdown-menuer indlæses automatisk; detaljerede designfunktioner er tilgængelige i de generelle prompter.
Yderligere prompts
I. JavaScript-skrivestandarder
Deaktiver jQuery, forkortelser for pilefunktioner og selvudførende funktioner.
II. Flersproget oversættelse
2.3 Dynamiske tekstoversættelsestags (brug med forsigtighed)
<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>
⚠️ Bemærk:Gør kun dette, når du absolut har brug for at vise dataene dynamisk ved hjælp af JavaScript; brug JavaScript så lidt som muligt, når det ikke er nødvendigt.
2.4 Omdirigering af flersproget side (nuværende sprog skal bevares)
<!-- 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 login
Login og betaling er valgfrie funktioner; de bør kun integreres, hvis brugeren udtrykkeligt anmoder om det. Brugere skal angive betingelserne for visning af login og betaling, og hvad der udløser dem. Hvis beskrivelsen er ufuldstændig, kan brugerne vælge ikke at tilføje dem på nuværende tidspunkt.
window.Login_ShipLang(); // 拉起登录
window.OpenPay_ShipLang(); // 拉起支付
if (window.IsPay_ShipLang()) {
// 是会员
} else {
// 非会员
}
IV. Retningslinjer for visuelt design
- farve:Tekst, rammer, baggrund
#333,边框#ddd,背景#fff - afstand:Brug multipla af 8 (8px, 16px, 24px).
- Skrifttype:Importeret fra Google Fonts
- Logo: Elegant håndskrevet skrifttype, 22px
- Titel: Serif-skrifttype (letlæselig, formel)
- Brødtekst: læsbar serif, 16px, linjehøjde 1,6.
- Navigation: 15px
#666
- Afrundede hjørner:forenet
6px - i princippet:Hvidt mellemrum > dekoration; deaktiver emojis; brug færre billeder; brug tekst til logoet, ikke billeder.