Допълнителна документация за рамката
Рамка, идеи за дизайн и документация
Многоезично падащо меню ShipLang
Списъкът с многоезични езици се съхранява в променлива с име [$qx_lang] в главната директория [index.php].
В [English|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>
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).
- Шрифт:Импортирано от Google Fonts
- Лого: Елегантен ръкописен шрифт, 22px
- Заглавие: Шрифт Serif (лесен за четене, официален)
- Текст на тялото: четлив серифен шрифт, 16px, височина на реда 1.6.
- Навигация: 15px
#666
- Заоблени ъгли:унифициран
6px - по принцип:Бяло пространство > декорация; деактивирайте емоджитата; използвайте по-малко изображения; използвайте текст за логото, а не изображения.