Dokumentacja uzupełniająca Framework
Struktura, pomysły projektowe i dokumentacja
Wielojęzyczna lista rozwijana ShipLang
Lista języków wielojęzycznych jest przechowywana w zmiennej o nazwie [$qx_lang] w katalogu głównym [index.php].
W [English|1] |1 oznacza wyświetlanie języka, a |0 oznacza język istniejący, ale niewyświetlany.
Wielojęzyczne listy rozwijane ładują się automatycznie; szczegółowe funkcje projektowania są dostępne w ogólnych monitach.
Dodatkowe monity
I. Standardy pisania w JavaScript
Wyłącz jQuery, skróty funkcji strzałkowych i funkcje samowykonujące się.
II. Tłumaczenie wielojęzyczne
2.3 Dynamiczne znaczniki tłumaczenia tekstu (należy stosować ostrożnie)
<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 Przekierowanie stron wielojęzycznych (bieżący język musi zostać zachowany)
<!-- 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. Płatności i logowanie
Logowanie i płatności to funkcje opcjonalne; powinny być zintegrowane tylko na wyraźne życzenie użytkownika. Użytkownicy muszą określić warunki, w jakich mają być wyświetlane dane logowania i płatności, oraz co je aktywuje. Jeśli opis jest niekompletny, użytkownicy mogą zrezygnować z dodawania ich w tym momencie.
window.Login_ShipLang(); // 拉起登录
window.OpenPay_ShipLang(); // 拉起支付
if (window.IsPay_ShipLang()) {
// 是会员
} else {
// 非会员
}
IV. Wytyczne dotyczące projektu wizualnego
- kolor:Tekst, obramowania, tło
#333,边框#ddd,背景#fff - rozstaw:Użyj wielokrotności 8 (8px, 16px, 24px).
- Chrzcielnica:Zaimportowano z Google Fonts
- Logo: Elegancka, ręcznie pisana czcionka, 22 px
- Tytuł: Czcionka szeryfowa (łatwa do odczytania, formalna)
- Tekst główny: czytelny szeryf, 16 px, wysokość wiersza 1,6.
- Nawigacja: 15px
#666
- Zaokrąglone rogi:zjednoczony
6px - w zasadzie:Puste miejsce > dekoracja; wyłącz emotikony; użyj mniejszej liczby obrazów; w logo użyj tekstu, a nie obrazów.