|
|
@@ -4,9 +4,9 @@
|
|
|
将tcb-shop-demo包中的主题、样式和设计规范分析并集成到当前小程序项目中，提升UI一致性和用户体验，同时保持现有系统的完整性。
|
|
|
|
|
|
## 当前进度
|
|
|
-- **完成度**: 100% (7/7 故事完成)
|
|
|
+- **完成度**: 87.5% (7/8 故事完成)
|
|
|
- **已集成**: 主题变量、颜色系统、字体系统、布局工具类、组件样式、首页UI重构、首页商品列表数据读取、首页轮播图后台广告数据、用户中心UI重构
|
|
|
-- **待完成**: 无
|
|
|
+- **待完成**: 商品分类页开发
|
|
|
|
|
|
## 史诗描述
|
|
|
|
|
|
@@ -69,6 +69,23 @@
|
|
|
- 保持现有用户认证和头像上传功能
|
|
|
- 集成客服弹窗功能
|
|
|
|
|
|
+8. **故事8：商品分类页开发** - 参照tcb-shop-demo商品分类页设计，在mini增加商品分类页，并作为tabbar一级页
|
|
|
+ - **对照文件**:
|
|
|
+ - `tcb-shop-demo/pages/goods/category/index.wxml` - 商品分类页结构模板
|
|
|
+ - `tcb-shop-demo/pages/goods/category/index.wxss` - 商品分类页样式文件
|
|
|
+ - `tcb-shop-demo/pages/goods/category/index.js` - 商品分类页逻辑文件
|
|
|
+ - `tcb-shop-demo/pages/goods/category/components/goods-category/index.wxml` - 商品分类组件结构
|
|
|
+ - `tcb-shop-demo/pages/goods/category/components/goods-category/index.wxss` - 商品分类组件样式
|
|
|
+ - **目标文件**: `mini/src/pages/category/index.tsx`
|
|
|
+ - **技术要点**:
|
|
|
+ - 实现左侧边栏一级分类导航
|
|
|
+ - 实现右侧二级分类网格布局（3列）
|
|
|
+ - 集成分类数据API调用
|
|
|
+ - 支持广告图显示
|
|
|
+ - 点击分类跳转到商品列表页
|
|
|
+ - 应用tcb-shop-demo商品分类页设计规范
|
|
|
+ - 作为tabbar一级页面集成
|
|
|
+
|
|
|
## 兼容性要求
|
|
|
|
|
|
- [ ] 现有API保持不变
|
|
|
@@ -84,7 +101,7 @@
|
|
|
|
|
|
## 完成定义
|
|
|
|
|
|
-- [x] 所有故事完成且验收标准满足 (7/7 完成)
|
|
|
+- [ ] 所有故事完成且验收标准满足 (7/8 完成)
|
|
|
- [x] 现有功能通过测试验证
|
|
|
- [x] 集成点正常工作
|
|
|
- [x] 文档适当更新
|
|
|
@@ -178,6 +195,23 @@
|
|
|
- 1px边框处理：使用scale缩放方案 - 已实现
|
|
|
- **集成状态**：用户中心UI重构已完成，与tcb-shop-demo设计完全一致
|
|
|
|
|
|
+#### 9. 商品分类页设计模式 [ ] (待实现)
|
|
|
+- **页面结构**：
|
|
|
+ - 左侧边栏：一级分类导航（固定宽度180rpx）- 待实现
|
|
|
+ - 右侧内容区：二级分类网格布局（3列）- 待实现
|
|
|
+ - 广告图区域：固定位置显示广告图 - 待实现
|
|
|
+- **组件依赖**：
|
|
|
+ - 侧边栏组件：c-sidebar, c-sidebar-item - 待实现
|
|
|
+ - 标签栏组件：c-tabbar, c-tabbar-more - 待实现
|
|
|
+ - TDesign组件：image, toast - 待实现
|
|
|
+- **样式特点**：
|
|
|
+ - 左侧边栏背景色：`#f5f5f5` - 待实现
|
|
|
+ - 右侧内容区背景色：`white` - 待实现
|
|
|
+ - 二级分类网格：`grid-template-columns: 33.33% 33.33% 33.33%` - 待实现
|
|
|
+ - 分类图片尺寸：`144rpx × 144rpx` - 待实现
|
|
|
+ - 广告图位置：`position: fixed; bottom: 13%; right: 3%` - 待实现
|
|
|
+- **集成状态**：商品分类页待开发
|
|
|
+
|
|
|
## 集成策略
|
|
|
|
|
|
1. **分阶段集成**：按故事顺序逐步集成
|
|
|
@@ -194,6 +228,7 @@
|
|
|
- ✅ 首页商品数据真实化
|
|
|
- ✅ 首页轮播图使用后台广告数据
|
|
|
- ✅ 用户中心UI与tcb-shop-demo设计一致
|
|
|
+- [ ] 商品分类页与tcb-shop-demo设计一致
|
|
|
|
|
|
## 故事完成状态
|
|
|
|
yourname