Dokumentasi Tambahan Kerangka Kerja
Kerangka Kerja, Ide Desain, dan Dokumentasi
Menu tarik-turun multibahasa ShipLang
Daftar bahasa multibahasa disimpan dalam variabel bernama [$qx_lang] di direktori root [index.php].
Dalam [Bahasa Inggris|1], |1 mewakili tampilan bahasa, dan |0 mewakili bahasa yang ada tetapi tidak ditampilkan.
Menu tarik-turun multibahasa dimuat secara otomatis; fitur desain yang lebih detail tersedia di menu petunjuk umum.
Petunjuk tambahan
I. Standar Penulisan JavaScript
Nonaktifkan jQuery, singkatan fungsi panah, dan fungsi yang berjalan sendiri.
II. Terjemahan Multibahasa
2.3 Tag terjemahan teks dinamis (gunakan dengan hati-hati)
<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 Pengalihan halaman multibahasa (bahasa saat ini harus dipertahankan)
<!-- 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. Pembayaran dan Login
Login dan pembayaran adalah fitur opsional; fitur ini hanya boleh diintegrasikan jika diminta secara eksplisit oleh pengguna. Pengguna perlu menentukan kondisi di mana login dan pembayaran harus ditampilkan dan apa yang memicunya. Jika deskripsinya tidak lengkap, pengguna dapat memilih untuk tidak menambahkannya saat ini.
window.Login_ShipLang(); // 拉起登录
window.OpenPay_ShipLang(); // 拉起支付
if (window.IsPay_ShipLang()) {
// 是会员
} else {
// 非会员
}
IV. Pedoman Desain Visual
- warna:Teks, batas, latar belakang
#333,边框#ddd,背景#fff - jarak:Gunakan kelipatan 8 (8px, 16px, 24px).
- Font:Diimpor dari Google Fonts
- Logo: Font tulisan tangan elegan, 22px
- Judul: Huruf Serif (Mudah Dibaca, Formal)
- Teks isi: serif yang mudah dibaca, 16px, tinggi baris 1,6.
- Navigasi: 15px
#666
- Sudut membulat:bersatu
6px - Pada prinsipnya:Ruang kosong > dekorasi; nonaktifkan emoji; gunakan lebih sedikit gambar; gunakan teks untuk logo, bukan gambar.