|
|
@@ -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配置:
|