Balangkas Karagdagang Dokumentasyon
Balangkas, Mga Ideya sa Disenyo, at Dokumentasyon
Dropdown na ShipLang na maraming wika
Ang listahan ng mga multilingual na wika ay nakaimbak sa isang variable na pinangalanang [$qx_lang] sa root directory na [index.php].
Sa [Ingles|1], ang |1 ay kumakatawan sa pagpapakita ng wika, at ang |0 ay kumakatawan sa wikang umiiral ngunit hindi ipinapakita.
Awtomatikong naglo-load ang mga multilingual dropdown; makikita ang mga detalyadong feature ng disenyo sa mga pangkalahatang prompt.
Mekanismo ng pag-iimbak ng pagsasalin sa maraming wika sa ShipLang
Ang mga file ng pagsasalin sa maraming wika ay nakaimbak sa folder na [lang].
I-clear lang ang lahat ng folder sa loob ng lang folder para makuha muli ang translation API.
Kung makaranas ka ng anumang problema sa pagsasalin, maaari mong hanapin ang kaukulang direktoryo ng wika sa folder ng language at manu-manong itama ang pagsasalin sa tamang resulta.
Mga karagdagang prompt
I. Mga Pamantayan sa Pagsulat ng JavaScript
I-disable ang jQuery, mga pagpapaikli ng arrow function, at mga self-executing function.
II. Pagsasalin sa Iba't Ibang Wika
2.3 Mga dinamikong tag sa pagsasalin ng teksto (gamitin nang may pag-iingat)
<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 Pag-redirect ng pahina sa maraming wika (dapat panatilihin ang kasalukuyang wika)
<!-- 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. Pagbabayad at Pag-login
Ang pag-login at pagbabayad ay mga opsyonal na tampok; dapat lamang itong isama kung tahasang hiniling ng gumagamit. Kailangang tukuyin ng gumagamit ang mga kundisyon kung saan dapat ipakita ang pag-login at pagbabayad at kung ano ang nagpapalitaw sa mga ito. Kung hindi kumpleto ang paglalarawan, maaaring piliing huwag idagdag ang mga ito sa ngayon.
window.Login_ShipLang(); // 拉起登录
window.OpenPay_ShipLang(); // 拉起支付
if (window.IsPay_ShipLang()) {
// 是会员
} else {
// 非会员
}
IV. Mga Alituntunin sa Disenyong Biswal
- kulay:Teksto, mga hangganan, background
#333,边框#ddd,背景#fff - pagitan:Gumamit ng mga multiple ng 8 (8px, 16px, 24px).
- Letra:Na-import mula sa Google Fonts
- Logo: Eleganteng sulat-kamay na font, 22px
- Pamagat: Serif Font (Madaling Basahin, Pormal)
- Katawan ng teksto: nababasang serif, 16px, taas ng linya 1.6.
- Nabigasyon: 15px
#666
- Mga bilugan na sulok:pinag-isa
6px - sa prinsipyo:Puting espasyo > dekorasyon; huwag paganahin ang mga emoji; gumamit ng mas kaunting mga larawan; gumamit ng teksto para sa logo, hindi mga larawan.