Çerçeveye İlişkin Ek Dokümantasyon
Çerçeve, Tasarım Fikirleri ve Dokümantasyon
ShipLang çok dilli açılır menü
Çok dilli dillerin listesi, kök dizindeki [index.php] dosyasında [$qx_lang] adlı bir değişkende saklanır.
[English|1]'de |1, dilin görüntülenmesini, |0 ise dilin var olmasına rağmen görüntülenmemesini temsil eder.
Çok dilli açılır menüler otomatik olarak yüklenir; ayrıntılı tasarım özellikleri genel yönlendirmelerde mevcuttur.
Ek istemler
I. JavaScript Yazım Standartları
jQuery'yi, ok fonksiyonu kısaltmalarını ve kendi kendini yürüten fonksiyonları devre dışı bırakın.
II. Çok Dilli Çeviri
2.3 Dinamik metin çeviri etiketleri (dikkatli kullanın)
<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 Çok dilli sayfa yönlendirme (mevcut dil korunmalıdır)
<!-- 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. Ödeme ve Giriş
Giriş ve ödeme isteğe bağlı özelliklerdir; yalnızca kullanıcı tarafından açıkça talep edilmesi durumunda entegre edilmelidir. Kullanıcılar, giriş ve ödemenin hangi koşullar altında gösterileceğini ve bunları tetikleyen unsurları belirtmelidir. Açıklama eksikse, kullanıcılar bu aşamada eklememeyi tercih edebilirler.
window.Login_ShipLang(); // 拉起登录
window.OpenPay_ShipLang(); // 拉起支付
if (window.IsPay_ShipLang()) {
// 是会员
} else {
// 非会员
}
IV. Görsel Tasarım Yönergeleri
- renk:Metin, kenarlıklar, arka plan
#333,边框#ddd,背景#fff - aralık:8'in katlarını kullanın (8px, 16px, 24px).
- Yazı Tipi:Google Fonts'tan içe aktarıldı
- Logo: Zarif el yazısı fontu, 22 piksel
- Başlık: Serif Yazı Tipi (Okunması Kolay, Resmi)
- Gövde metni: okunaklı serif yazı tipi, 16 piksel, satır yüksekliği 1,6.
- Gezinti: 15px
#666
- Yuvarlak köşeler:birleşik
6px - prensipte:Beyaz alan > dekorasyon; emojileri devre dışı bırakın; daha az görsel kullanın; logo için görseller yerine metin kullanın.