Documentação Suplementar da Estrutura
Estrutura, ideias de design e documentação
Menu suspenso multilíngue ShipLang
A lista de idiomas multilíngues é armazenada em uma variável chamada [$qx_lang] no diretório raiz [index.php].
Em [English|1], |1 representa a exibição do idioma e |0 representa o idioma existente, mas não exibido.
Os menus suspensos multilíngues carregam automaticamente; recursos de design detalhados estão disponíveis nas opções gerais.
Instruções adicionais
I. Padrões de escrita em JavaScript
Desative o jQuery, as abreviações de funções de seta e as funções autoexecutáveis.
II. Tradução Multilíngue
2.3 Etiquetas de tradução de texto dinâmica (use com cautela)
<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 Redirecionamento de página multilíngue (o idioma atual deve ser mantido)
<!-- 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. Pagamento e Login
O login e o pagamento são funcionalidades opcionais; devem ser integradas apenas se solicitadas explicitamente pelo usuário. Os usuários precisam especificar as condições em que o login e o pagamento devem ser exibidos e o que os aciona. Se a descrição estiver incompleta, os usuários podem optar por não adicioná-las neste momento.
window.Login_ShipLang(); // 拉起登录
window.OpenPay_ShipLang(); // 拉起支付
if (window.IsPay_ShipLang()) {
// 是会员
} else {
// 非会员
}
IV. Diretrizes de Design Visual
- cor:Texto, bordas, fundo
#333,边框#ddd,背景#fff - espaçamento:Use múltiplos de 8 (8px, 16px, 24px).
- Fonte:Importado do Google Fonts
- Logotipo: Fonte manuscrita elegante, 22px
- Título: Fonte Serifada (Fácil de Ler, Formal)
- Texto principal: serifado legível, 16px, altura da linha 1,6.
- Navegação: 15px
#666
- Cantos arredondados:unificado
6px - Em princípio:Espaço em branco > decoração; desativar emojis; usar menos imagens; usar texto para o logotipo, não imagens.