Kehyksen lisädokumentaatio
Kehys, suunnitteluideat ja dokumentaatio
ShipLang monikielinen alasvetovalikko
Monikielisten kielten luettelo tallennetaan muuttujaan nimeltä [$qx_lang] juurihakemistossa [index.php].
Kielessä [English|1] |1 tarkoittaa kielen näyttämistä ja |0 tarkoittaa olemassa olevaa, mutta ei näytettävää kieltä.
Monikieliset alasvetovalikot latautuvat automaattisesti; yksityiskohtaiset suunnitteluominaisuudet ovat saatavilla yleisissä kehotteissa.
Lisäkehotteet
I. JavaScript-kirjoitusstandardit
Poista käytöstä jQuery, nuolifunktioiden lyhenteet ja itsesuoriutuvat funktiot.
II. Monikielinen käännös
2.3 Dynaamisten tekstinkäännösten tagit (käytä varoen)
<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 Monikielinen sivun uudelleenohjaus (nykyinen kieli on säilytettävä)
<!-- 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. Maksaminen ja kirjautuminen
Kirjautuminen ja maksaminen ovat valinnaisia ominaisuuksia; ne tulisi integroida vain, jos käyttäjä nimenomaisesti pyytää niitä. Käyttäjien on määritettävä ehdot, joiden täyttyessä kirjautuminen ja maksaminen näytetään ja mikä ne laukaisee. Jos kuvaus on puutteellinen, käyttäjät voivat valita, etteivät he lisää niitä tässä vaiheessa.
window.Login_ShipLang(); // 拉起登录
window.OpenPay_ShipLang(); // 拉起支付
if (window.IsPay_ShipLang()) {
// 是会员
} else {
// 非会员
}
IV. Visuaalisen suunnittelun ohjeet
- väri:Teksti, reunukset, tausta
#333,边框#ddd,背景#fff - väli:Käytä luvun 8 kerrannaisia (8px, 16px, 24px).
- Fontti:Tuotu Google Fontsista
- Logo: Elegantti käsin kirjoitettu fontti, 22 pikseliä
- Otsikko: Serif-fontti (helppoluokainen, muodollinen)
- Leipäteksti: luettava serif, 16px, rivinkorkeus 1.6.
- Navigointi: 15 pikseliä
#666
- Pyöristetyt kulmat:yhtenäinen
6px - periaatteessa:Tyhjä tila > koristelu; poista emojeet käytöstä; käytä vähemmän kuvia; käytä logossa tekstiä, älä kuvia.