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