Documentación complementaria del marco

Marco de trabajo, ideas de diseño y documentación.

Menú desplegable multilingüe ShipLang

La lista de idiomas multilingües se almacena en una variable llamada [$qx_lang] en el directorio raíz [index.php].

En [English|1], |1 representa la visualización del idioma, y ​​|0 representa el idioma existente pero no mostrado.

Los menús desplegables multilingües se cargan automáticamente; las funciones de diseño detalladas están disponibles en las indicaciones generales.

Indicaciones adicionales

I. Estándares de escritura en JavaScript

Deshabilitar jQuery, las abreviaturas de funciones flecha y las funciones autoejecutables.

II. Traducción multilingüe

2.3 Etiquetas de traducción de texto dinámico (usar 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>
⚠️ Nota:Solo haga esto cuando necesite mostrar los datos de forma dinámica mediante JavaScript; utilice JavaScript lo menos posible cuando no sea necesario.

2.4 Redirección de página multilingüe (se debe mantener el 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

El inicio de sesión y el pago son funciones opcionales; solo deben integrarse si el usuario lo solicita explícitamente. Los usuarios deben especificar las condiciones bajo las cuales se mostrarán el inicio de sesión y el pago, así como qué las activa. Si la descripción está incompleta, los usuarios pueden optar por no agregarlas en este momento.

window.Login_ShipLang();   // 拉起登录

window.OpenPay_ShipLang(); // 拉起支付

if (window.IsPay_ShipLang()) {
    // 是会员
} else {
    // 非会员
}

IV. Directrices de diseño visual