Przeglądaj źródła

📝 docs(story): 更新人才小程序开发故事文档

- 在任务5中为TabBarLayout组件添加具体实现要求,包括标签项配置、图标库、路由映射和基础组件引用
- 更新项目结构说明,移除mini-talent项目中由UI包管理的文件(api.ts、components/ui/、layouts/),使项目结构更简洁
- 添加项目结构说明部分,明确mini-talent项目作为薄包装层的定位,并注明TabBarLayout的参考实现路径
yourname 3 tygodni temu
rodzic
commit
cc0243c10c
1 zmienionych plików z 15 dodań i 8 usunięć
  1. 15 8
      docs/stories/017.001.story.md

+ 15 - 8
docs/stories/017.001.story.md

@@ -183,12 +183,17 @@
 ### 任务5: 创建基础布局组件 (AC: 项目集成, 基础布局组件)
 - [ ] 5.1 在`@d8d/rencai-shared-ui`中创建基础布局组件:
   - `StatusBar` - 状态栏组件
-  - `TabBarLayout` - 底部导航布局组件
+  - `TabBarLayout` - 底部导航布局组件 (参照`yongren-shared-ui/src/components/YongrenTabBarLayout.tsx`)
   - `PageContainer` - 页面容器组件
   - `Navbar` - 导航栏组件 (支持带/不带返回按钮)
-- [ ] 5.2 参照原型设计`docs/小程序原型/rencai.html`的UI样式
-- [ ] 5.3 使用Tailwind CSS实现移动端友好的设计
-- [ ] 5.4 确保组件符合小程序的尺寸规范 (375px宽度参考)
+- [ ] 5.2 TabBarLayout组件应包含:
+  - TabBarItems配置: 首页、考勤、我的、更多 (4个标签)
+  - 图标使用heroicons图标库
+  - 导航路由映射到rencai页面路径
+  - 使用`@d8d/mini-shared-ui-components/components/tab-bar`作为基础
+- [ ] 5.3 参照原型设计`docs/小程序原型/rencai.html`的UI样式
+- [ ] 5.4 使用Tailwind CSS实现移动端友好的设计
+- [ ] 5.5 确保组件符合小程序的尺寸规范 (375px宽度参考)
 
 ### 任务6: 建立人才用户认证框架 (AC: 人才用户认证框架)
 - [ ] 6.1 在`@d8d/rencai-auth-ui`中创建认证基础框架
@@ -483,10 +488,6 @@ mini-talent/                   # 人才小程序项目
 ├── src/
 │   ├── app.tsx                # 小程序入口
 │   ├── app.config.ts          # 小程序配置 (需替换为rencai页面路由)
-│   ├── api.ts                 # API客户端 (rencai系列由UI包管理)
-│   ├── components/ui/         # UI组件库 (通用组件)
-│   ├── layouts/               # 布局组件
-│   │   └── tab-bar-layout.tsx # TabBar布局
 │   ├── pages/                 # 页面目录
 │   │   ├── login/             # 登录页 (从UI包导入)
 │   │   │   └── index.tsx
@@ -508,6 +509,12 @@ mini-talent/                   # 人才小程序项目
 └── tsconfig.json
 ```
 
+**说明**:
+- mini-talent项目结构简洁,主要包含页面路由配置
+- API客户端、布局组件(如TabBarLayout)由UI包管理
+- TabBarLayout参考: `mini-ui-packages/yongren-shared-ui/src/components/YongrenTabBarLayout.tsx`
+- 页面组件从rencai系列UI包导入,作为薄包装层
+
 **mini-talent/src/app.config.ts配置 (新):**
 
 完全替换现有的yongren配置为rencai配置: