फ्रेमवर्क पूरक प्रलेखन
ढांचा, डिजाइन विचार और दस्तावेजीकरण
शिपलैंग बहुभाषी ड्रॉपडाउन
बहुभाषी भाषाओं की सूची रूट डायरेक्टरी [index.php] में [$qx_lang] नामक वेरिएबल में संग्रहीत है।
[English|1] में, |1 भाषा को प्रदर्शित करने का प्रतिनिधित्व करता है, और |0 भाषा के मौजूद होने लेकिन प्रदर्शित न होने का प्रतिनिधित्व करता है।
बहुभाषी ड्रॉपडाउन स्वचालित रूप से लोड होते हैं; सामान्य प्रॉम्प्ट में विस्तृत डिज़ाइन सुविधाएँ उपलब्ध हैं।
अतिरिक्त संकेत
I. जावास्क्रिप्ट लेखन मानक
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>
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. दृश्य डिजाइन दिशानिर्देश
- रंग:पाठ, बॉर्डर, पृष्ठभूमि
#333,边框#ddd,背景#fff - रिक्ति:8 के गुणजों का प्रयोग करें (8px, 16px, 24px)।
- फ़ॉन्ट:गूगल फॉन्ट्स से आयातित
- लोगो: सुरुचिपूर्ण हस्तलिखित फ़ॉन्ट, 22px
- शीर्षक: सेरिफ़ फ़ॉन्ट (पढ़ने में आसान, औपचारिक)
- मुख्य पाठ: सुपाठ्य सेरिफ़ फ़ॉन्ट, 16px, पंक्ति की ऊँचाई 1.6।
- नेविगेशन: 15px
#666
- गोल कोनें:एकीकृत
6px - सैद्धांतिक रूप में:खाली जगह > सजावट; इमोजी का उपयोग बंद करें; कम छवियों का उपयोग करें; लोगो के लिए छवियों के बजाय टेक्स्ट का उपयोग करें।