Documentación suplementaria do marco
Marco, ideas de deseño e documentación
Menú despregable multilingüe de ShipLang
A lista de idiomas multilingües almacénase nunha variable chamada [$qx_lang] no directorio raíz [index.php].
En [English|1], |1 representa que se mostra o idioma e |0 representa o idioma existente pero non se mostra.
Os menús despregables multilingües cárganse automaticamente; as características de deseño detalladas están dispoñibles nas solicitudes xerais.
Solicitudes adicionais
I. Estándares de escritura de JavaScript
Desactivar jQuery, as abreviaturas das funcións de frecha e as funcións autoexecutivas.
II. Tradución multilingüe
2.3 Etiquetas de tradución de texto dinámico (úseas con precaució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 Redirección de páxina multilingüe (débese manter o idioma actual)
<!-- 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. Pago e inicio de sesión
O inicio de sesión e o pagamento son funcións opcionais; só se deben integrar se o usuario o solicita explicitamente. Os usuarios deben especificar as condicións baixo as que se deben mostrar o inicio de sesión e o pagamento e que os activa. Se a descrición está incompleta, os usuarios poden optar por non engadilos neste momento.
window.Login_ShipLang(); // 拉起登录
window.OpenPay_ShipLang(); // 拉起支付
if (window.IsPay_ShipLang()) {
// 是会员
} else {
// 非会员
}
IV. Directrices de deseño visual
- cor:Texto, bordos, fondo
#333,边框#ddd,背景#fff - espazamento:Usa múltiplos de 8 (8px, 16px, 24px).
- Fonte:Importado desde Google Fonts
- Logotipo: Letra manuscrita elegante, 22 px
- Título: Tipo de letra Serif (fácil de ler, formal)
- Corpo de texto: serif lexible, 16 px, altura de liña 1,6.
- Navegación: 15px
#666
- Esquinas redondeadas:unificado
6px - en principio:Espazo en branco > decoración; desactivar emojis; usar menos imaxes; usar texto para o logotipo, non imaxes.