Dogfennaeth Atodol y Fframwaith
Fframwaith, Syniadau Dylunio, a Dogfennaeth
Rhestr gwymplen amlieithog ShipLang
Mae'r rhestr o ieithoedd amlieithog wedi'i storio mewn newidyn o'r enw [$qx_lang] yn y cyfeiriadur gwraidd [index.php].
Yn [Saesneg|1], mae |1 yn cynrychioli arddangos yr iaith, ac mae |0 yn cynrychioli'r iaith sy'n bodoli ond heb ei harddangos.
Mae rhestrau ostwng amlieithog yn llwytho'n awtomatig; mae nodweddion dylunio manwl ar gael yn yr awgrymiadau cyffredinol.
Awgrymiadau ychwanegol
I. Safonau Ysgrifennu JavaScript
Analluogi jQuery, talfyriadau ffwythiant saeth, a ffwythiannau hunan-weithredol.
II. Cyfieithu Amlieithog
2.3 Tagiau cyfieithu testun deinamig (defnyddiwch yn ofalus)
<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 Ailgyfeirio tudalen amlieithog (rhaid cadw'r iaith gyfredol)
<!-- 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. Taliad a Mewngofnodi
Mae mewngofnodi a thalu yn nodweddion dewisol; dim ond os gofynnir amdanynt yn benodol gan y defnyddiwr y dylid eu hintegreiddio. Mae angen i ddefnyddwyr nodi'r amodau y dylid arddangos mewngofnodi a thalu oddi tanynt a beth sy'n eu sbarduno. Os yw'r disgrifiad yn anghyflawn, gall defnyddwyr ddewis peidio â'u hychwanegu ar hyn o bryd.
window.Login_ShipLang(); // 拉起登录
window.OpenPay_ShipLang(); // 拉起支付
if (window.IsPay_ShipLang()) {
// 是会员
} else {
// 非会员
}
IV. Canllawiau Dylunio Gweledol
- lliw:Testun, ffiniau, cefndir
#333,边框#ddd,背景#fff - bylchau:Defnyddiwch luosrifau o 8 (8px, 16px, 24px).
- Ffont:Wedi'i fewnforio o Google Fonts
- Logo: Ffont cain wedi'i ysgrifennu â llaw, 22px
- Teitl: Ffont Serif (Hawdd ei Ddarllen, Ffurfiol)
- Testun corff: serif darllenadwy, 16px, uchder llinell 1.6.
- Mordwyo: 15px
#666
- Corneli crwn:unedig
6px - mewn egwyddor:Gofod gwyn > addurn; analluogi emojis; defnyddio llai o ddelweddau; defnyddio testun ar gyfer y logo, nid delweddau.