Ergänzende Dokumentation zum Rahmenwerk
Rahmenkonzept, Designideen und Dokumentation
Mehrsprachiges Dropdown-Menü für ShipLang
Die Liste der mehrsprachigen Sprachen ist in einer Variablen namens [$qx_lang] im Stammverzeichnis [index.php] gespeichert.
In [English|1] steht |1 für die Anzeige der Sprache und |0 für die Existenz der Sprache, die jedoch nicht angezeigt wird.
Mehrsprachige Dropdown-Menüs werden automatisch geladen; detaillierte Designfunktionen sind in den allgemeinen Eingabeaufforderungen verfügbar.
Weitere Eingabeaufforderungen
I. JavaScript-Schreibstandards
jQuery, Pfeilfunktionsabkürzungen und selbstausführende Funktionen deaktivieren.
II. Mehrsprachige Übersetzung
2.3 Tags für die dynamische Textübersetzung (mit Vorsicht verwenden)
<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 Mehrsprachige Seitenweiterleitung (die aktuelle Sprache muss beibehalten werden)
<!-- 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. Zahlung und Anmeldung
Anmeldung und Zahlung sind optionale Funktionen und sollten nur dann integriert werden, wenn sie vom Nutzer ausdrücklich gewünscht werden. Nutzer müssen die Bedingungen für die Anzeige von Anmeldung und Zahlung sowie die auslösenden Ereignisse festlegen. Ist die Beschreibung unvollständig, können Nutzer entscheiden, diese Funktionen vorerst nicht hinzuzufügen.
window.Login_ShipLang(); // 拉起登录
window.OpenPay_ShipLang(); // 拉起支付
if (window.IsPay_ShipLang()) {
// 是会员
} else {
// 非会员
}
IV. Visuelle Gestaltungsrichtlinien
- Farbe:Text, Rahmen, Hintergrund
#333,边框#ddd,背景#fff - Abstand:Verwenden Sie Vielfache von 8 (8px, 16px, 24px).
- Schriftart:Importiert von Google Fonts
- Logo: Elegante Handschrift, 22px
- Titel: Serifenschrift (Leicht lesbar, formell)
- Fließtext: gut lesbare Serifenschrift, 16px, Zeilenhöhe 1,6.
- Navigation: 15px
#666
- Abgerundete Ecken:vereinheitlicht
6px - grundsätzlich:Weißraum > Dekoration; Emojis deaktivieren; weniger Bilder verwenden; für das Logo Text verwenden, keine Bilder.