Sistēmas papildu dokumentācija
Ietvars, dizaina idejas un dokumentācija
ShipLang daudzvalodu nolaižamā izvēlne
Daudzvalodu valodu saraksts tiek glabāts mainīgajā ar nosaukumu [$qx_lang] saknes direktorijā [index.php].
Valodā [English|1] |1 apzīmē valodas attēlošanu, bet |0 apzīmē valodu, kas pastāv, bet netiek attēlota.
Daudzvalodu nolaižamās izvēlnes ielādējas automātiski; detalizētas dizaina funkcijas ir pieejamas vispārīgajās uzvednēs.
Papildu uzvednes
I. JavaScript rakstīšanas standarti
Atspējojiet jQuery, bultiņu funkciju saīsinājumus un pašizpildošās funkcijas.
II. Daudzvalodu tulkošana
2.3 Dinamiskās teksta tulkošanas tagi (lietojiet piesardzīgi)
<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>
⚠️ Piezīme:Dariet to tikai tad, ja jums absolūti nepieciešams dinamiski attēlot datus, izmantojot JavaScript; izmantojiet JavaScript pēc iespējas mazāk, ja tas nav nepieciešams.
2.4 Daudzvalodu lapas pāradresācija (jāsaglabā pašreizējā valoda)
<!-- 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. Apmaksa un pieteikšanās
Pieteikšanās un maksājums ir papildu funkcijas; tās vajadzētu integrēt tikai tad, ja lietotājs to ir nepārprotami pieprasījis. Lietotājiem ir jānorāda nosacījumi, kādos jāparāda pieteikšanās un maksājums, un kas tos aktivizē. Ja apraksts ir nepilnīgs, lietotāji var izvēlēties tos šobrīd nepievienot.
window.Login_ShipLang(); // 拉起登录
window.OpenPay_ShipLang(); // 拉起支付
if (window.IsPay_ShipLang()) {
// 是会员
} else {
// 非会员
}
IV. Vizuālā dizaina vadlīnijas
- krāsa:Teksts, apmales, fons
#333,边框#ddd,背景#fff - atstarpe:Izmantojiet skaitļa 8 dalāmos punktus (8 pikseļi, 16 pikseļi, 24 pikseļi).
- Fonts:Importēts no Google Fonts
- Logo: Elegants ar roku rakstīts fonts, 22 pikseļi
- Nosaukums: Serif fonts (viegli lasāms, formāls)
- Pamatteksts: salasāms serifs, 16 pikseļi, rindas augstums 1,6.
- Navigācija: 15 pikseļi
#666
- Noapaļoti stūri:vienots
6px - principā:Balta vieta > dekorācija; atspējot emocijzīmes; izmantot mazāk attēlu; logotipam izmantot tekstu, nevis attēlus.