フレームワーク補足資料

フレームワーク、デザインアイデア、およびドキュメント

ShipLang 多言語ドロップダウン

多言語対応言語のリストは、ルートディレクトリ[index.php]内の[$qx_lang]という名前の変数に格納されています。

[英語|1]では、|1は言語を表示していることを表し、|0は言語が存在するが表示していないことを表します。

多言語対応のドロップダウンメニューは自動的に読み込まれます。詳細なデザイン機能は、一般的なプロンプトで確認できます。

追加のプロンプト

I. JavaScriptの記述基準

jQuery、矢印関数の省略形、および自己実行関数を無効にします。

II. 多言語翻訳

2.3 動的テキスト翻訳タグ（使用には注意が必要）

<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>
⚠️ 注意:JavaScriptを使用してデータを動的に表示する必要がある場合にのみ、この方法を使用してください。必要のないときは、JavaScriptの使用はできるだけ控えてください。

2.4 多言語ページリダイレクト（現在の言語は維持される必要があります）

<!-- 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. 支払いとログイン

ログインと決済はオプション機能であり、ユーザーから明示的に要求された場合にのみ統合されるべきです。ユーザーは、ログインと決済を表示する条件と、それらが表示されるトリガーを指定する必要があります。説明が不十分な場合は、現時点では追加しないことを選択できます。

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

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

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

IV．ビジュアルデザインガイドライン