西藏巴青项目

uni-app标准.md 1.1KB

1.请按照 uni-app 规范 + 汉藏双语多语言适配要求开发页面,必须严格遵守藏文专项适配规则,不能出现布局错乱。 【强制规则 不可违反】

  1. 框架:uni-app + vue3 + uViewUI / 自定义组件
  2. 样式:必须使用 rpx 单位,禁止使用 px。 极简、简约、干净留白、低饱和度、莫兰迪、统一间距、rpx适配、flex布局
  3. 布局:禁止固定宽高,全部使用 flex 自适应,用 min-width、padding 撑开空间
  4. 多语言:使用 vue-i18n,文本全部用 {{ $t('') }}
  5. 藏文专项适配:
    • 根节点动态绑定 :class="lang === 'bo' ? 'lang-bo' : 'lang-zh'"
    • 藏文字号比中文小 2~4rpx
    • 藏文行高 ≥ 1.7
    • 藏文字间距 letter-spacing: 2rpx
    • 藏文字体 font-family:Noto Sans Tibetan
    • 按钮、文本区域必须支持藏文不溢出、自动换行、自动适配高度
  6. 样式规范:使用 scss 嵌套,类名语义化,结构清晰
  7. 禁止写死宽高、禁止 overflow 隐藏导致文字截断
  8. 语言切换后必须自动重绘布局
  9. 需要写中文注释