Documentation supplémentaire du cadre
Cadre, idées de conception et documentation
Menu déroulant multilingue ShipLang
La liste des langues multilingues est stockée dans une variable nommée [$qx_lang] dans le répertoire racine [index.php].
Dans [English|1], |1 représente l'affichage de la langue et |0 représente la langue existante mais non affichée.
Les menus déroulants multilingues se chargent automatiquement ; des options de conception détaillées sont disponibles dans les invites générales.
Invites supplémentaires
I. Normes d'écriture JavaScript
Désactivez jQuery, les abréviations des fonctions fléchées et les fonctions auto-exécutables.
II. Traduction multilingue
2.3 Balises de traduction de texte dynamique (à utiliser avec précaution)
<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 Redirection de page multilingue (la langue actuelle doit être conservée)
<!-- 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. Paiement et connexion
La connexion et le paiement sont des fonctionnalités optionnelles ; elles ne doivent être intégrées que si l’utilisateur en fait explicitement la demande. Les utilisateurs doivent préciser les conditions d’affichage de la connexion et du paiement, ainsi que les éléments déclencheurs. Si la description est incomplète, ils peuvent choisir de ne pas les ajouter pour le moment.
window.Login_ShipLang(); // 拉起登录
window.OpenPay_ShipLang(); // 拉起支付
if (window.IsPay_ShipLang()) {
// 是会员
} else {
// 非会员
}
IV. Directives de conception visuelle
- couleur:Texte, bordures, arrière-plan
#333,边框#ddd,背景#fff - espacement:Utilisez des multiples de 8 (8px, 16px, 24px).
- Fonte:Importé depuis Google Fonts
- Logo : Police manuscrite élégante, 22 px
- Titre : Police Serif (Facile à lire, formelle)
- Texte principal : police à empattements lisible, 16 px, interligne 1,6.
- Navigation : 15px
#666
- Coins arrondis :unifié
6px - en principe:L'espace blanc > la décoration ; désactivez les émojis ; utilisez moins d'images ; utilisez du texte pour le logo, pas des images.