consumer模块完成度95%,准备部署消费者端测试
This commit is contained in:
@@ -4526,10 +4526,38 @@
|
||||
- 使用单行字符串格式:`'*, table1(*), table2(field1, field2)'`
|
||||
- 如果关联查询失败,使用替代方案
|
||||
|
||||
================================================================================
|
||||
一百二十七、Android 特有 UI 与交互规范(最新补充)
|
||||
================================================================================
|
||||
|
||||
1. 图标兼容性(Emoji 风险)
|
||||
- **现象**:在 Android 真机上直接使用 Emoji(如 🛒、❤️)可能导致显示不全、模糊或样式不统一。
|
||||
- **规范**:所有功能图标**必须使用本地 PNG 图片**。
|
||||
- **路径**:底部导航图标放在 `static/tabbar/`,业务小图标放在 `pages/mall/consumer/icons/`。
|
||||
- **TabBar 特别强调**:`pages.json` 中的 `tabBar` 图标路径严禁使用 `.svg`,必须使用 `.png` 以确保安卓稳定性。
|
||||
|
||||
2. 布局高度计算修复
|
||||
- **场景**:Chat 页面或带有固定底部的详情页。
|
||||
- **规范**:`scroll-view` 的父级必须是 `flex: column`,且调用 `scroll-view` 时应配合 `flex: 1; height: 0;`。
|
||||
- **双重滚动校准**:Android 初始渲染可能导致滚动不到底。
|
||||
```uts
|
||||
setTimeout(() => { this.scrollTop = 99999 }, 200); // 首次快速定位
|
||||
setTimeout(() => { this.scrollTop = 99999 + Math.random() }, 500); // 二次精准校准
|
||||
```
|
||||
|
||||
3. 空状态展示(去行业化文案)
|
||||
- **规范**:在数据加载中或为空时,严禁使用行业特定干扰词(如“暂无药品”)。
|
||||
- **方案**:统一使用“正在加载商品...”或“该分类下暂无商品”,并辅以 `loading-state` 动画,提升加载感知。
|
||||
|
||||
4. SKU 解析与展示规范
|
||||
- **规范**:从数据库返回的 JSON 规格数据(如 `sku_spec_attr`)必须通过格式化函数转换为易读文本。
|
||||
- **示例**:`[{"key":"规格","value":"10mg*7片"}]` -> `规格: 10mg*7片`。
|
||||
- **技巧**:在 `uts` 中处理 `UTSJSONObject` 时,推荐使用 `getString("value")` 进行容错处理。
|
||||
|
||||
================================================================================
|
||||
文档结束
|
||||
================================================================================
|
||||
|
||||
---
|
||||
|
||||
*最后更新:2026-03-03*
|
||||
*最后更新:2026-03-04*
|
||||
|
||||
Reference in New Issue
Block a user