|
|
@@ -16,13 +16,13 @@ Draft
|
|
|
5. 保持与现有TabBarLayout的兼容性
|
|
|
|
|
|
## Tasks / Subtasks
|
|
|
-- [ ] 创建首页组件结构 (AC: 1)
|
|
|
- - [ ] 创建 `mini/src/pages/index/index.tsx` 首页组件
|
|
|
- - [ ] 参照 `tcb-shop-demo/pages/home/home.wxml` 实现页面结构
|
|
|
- - [ ] 集成搜索栏组件(带搜索图标,禁用状态)
|
|
|
- - [ ] 集成轮播图组件(自动播放,导航指示器)
|
|
|
- - [ ] 集成商品列表组件
|
|
|
- - [ ] 添加加载状态和下拉刷新功能
|
|
|
+- [ ] 创建TDesign组件库 (AC: 1, 5)
|
|
|
+ - [ ] 创建Taro React版本的TDesign组件
|
|
|
+ - [ ] 创建 `mini/src/components/tdesign/search/index.tsx` - Search组件 (对照: `mini/src/tdesign/search/`)
|
|
|
+ - [ ] 创建 `mini/src/components/tdesign/swiper/index.tsx` - Swiper组件 (对照: `mini/src/tdesign/swiper/`)
|
|
|
+ - [ ] 创建 `mini/src/components/tdesign/icon/index.tsx` - Icon组件 (对照: `mini/src/tdesign/icon/`)
|
|
|
+ - [ ] 创建 `mini/src/components/tdesign/toast/index.tsx` - Toast组件 (对照: `mini/src/tdesign/toast/`)
|
|
|
+ - [ ] 创建 `mini/src/components/tdesign/tabs/index.tsx` - Tabs组件 (对照: `mini/src/tdesign/tabs/`)
|
|
|
- [ ] 实现商品卡片组件 (AC: 3)
|
|
|
- [ ] 创建 `mini/src/components/goods-card/index.tsx` 商品卡片组件
|
|
|
- [ ] 参照 `tcb-shop-demo/components/goods-card/index.wxml` 实现商品卡片布局
|
|
|
@@ -33,18 +33,19 @@ Draft
|
|
|
- [ ] 参照 `tcb-shop-demo/components/goods-list/index.wxml` 实现列表结构
|
|
|
- [ ] 实现瀑布流布局
|
|
|
- [ ] 集成商品卡片组件
|
|
|
+- [ ] 创建首页组件结构 (AC: 1)
|
|
|
+ - [ ] 创建 `mini/src/pages/index/index.tsx` 首页组件
|
|
|
+ - [ ] 参照 `tcb-shop-demo/pages/home/home.wxml` 实现页面结构
|
|
|
+ - [ ] 集成搜索栏组件(带搜索图标,禁用状态)
|
|
|
+ - [ ] 集成轮播图组件(自动播放,导航指示器)
|
|
|
+ - [ ] 集成商品列表组件
|
|
|
+ - [ ] 添加加载状态和下拉刷新功能
|
|
|
- [ ] 应用tcb-shop-demo样式系统 (AC: 2, 4)
|
|
|
- [ ] 应用渐变背景色(#fff 到 #f5f5f5)
|
|
|
- [ ] 应用圆角搜索框样式(32rpx)
|
|
|
- [ ] 应用商品卡片间距和布局
|
|
|
- [ ] 应用主色调(#fa550f, #fa4126)
|
|
|
-- [ ] 集成TDesign MiniProgram组件 (AC: 1, 5)
|
|
|
- - [ ] 创建Taro React版本的TDesign组件
|
|
|
- - [ ] 创建 `mini/src/components/tdesign/search/index.tsx` - Search组件 (对照: `mini/src/tdesign/search/`)
|
|
|
- - [ ] 创建 `mini/src/components/tdesign/swiper/index.tsx` - Swiper组件 (对照: `mini/src/tdesign/swiper/`)
|
|
|
- - [ ] 创建 `mini/src/components/tdesign/icon/index.tsx` - Icon组件 (对照: `mini/src/tdesign/icon/`)
|
|
|
- - [ ] 创建 `mini/src/components/tdesign/toast/index.tsx` - Toast组件 (对照: `mini/src/tdesign/toast/`)
|
|
|
- - [ ] 创建 `mini/src/components/tdesign/tabs/index.tsx` - Tabs组件 (对照: `mini/src/tdesign/tabs/`)
|
|
|
+- [ ] 集成TDesign组件到首页 (AC: 1, 5)
|
|
|
- [ ] 使用TDesign search组件实现搜索栏
|
|
|
- [ ] 在首页组件中导入自定义Search组件
|
|
|
- [ ] 配置搜索栏属性:placeholder、disabled、shape等
|