框架補充文檔

框架與設計思路與文檔

ShipLang 多語下拉框

多語言列表儲存在，根目錄[index.php]名為[$qx_lang]變數中

其中[English|1]，|1代表顯示該語言，|0代表存在該語言但不顯示

多語言下拉框會自動載入，其詳細設計細節在通用提示詞中

提示詞補充部分

一、JS 編寫規範

停用jQuery、箭頭函數簡寫、自執行函數。

二、多語言翻譯

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>
⚠️ 注意：只在必須用JS 動態顯示時才這樣做，非必要盡量少使用JS。

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

三、支付與登入

登入與支付為非必須功能，只有用戶明確要求時才接入。需使用者說明在什麼情況下顯示登入和付款、觸發條件是什麼。如果描述不夠完整，可以選擇暫不加入。

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

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

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

四、視覺設計規範