📝 docs(prd): update product category page implementation details

- add detailed component structure including c-sidebar and c-tabbar sub-components
- specify component dimensions: sidebar width 176rpx, 3-column grid layout
- add component implementation details: c-sidebar-item with selected state and rounded corners
- clarify API integration: use getCates service for category data
- specify ad position: bottom: 13%; right: 3%
- add TDesign component usage: Image and Toast
- document interaction features: sidebar item click, category jump with cateId parameter, tabbar scroll and dropdown

docs/prd/epic-001-tcb-shop-theme-integration.md

@@ -76,15 +76,20 @@
      - `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` - 商品分类组件样式
+     - `tcb-shop-demo/pages/goods/category/components/goods-category/components/c-sidebar/*` - 侧边栏组件
+     - `tcb-shop-demo/pages/goods/category/components/goods-category/components/c-tabbar/*` - 标签栏组件
    - **目标文件**: `mini/src/pages/category/index.tsx`
    - **技术要点**:
-     - 实现左侧边栏一级分类导航
-     - 实现右侧二级分类网格布局（3列）
-     - 集成分类数据API调用
-     - 支持广告图显示
-     - 点击分类跳转到商品列表页
+     - 实现左侧边栏一级分类导航（c-sidebar组件，宽度176rpx）
+     - 实现侧边栏项组件（c-sidebar-item），支持选中状态和圆角效果
+     - 实现右侧二级分类网格布局（3列网格，grid-template-columns: 33.33% 33.33% 33.33%）
+     - 实现标签栏组件（c-tabbar），支持水平滚动和下拉更多功能
+     - 集成分类数据API调用（getCates服务）
+     - 支持广告图显示（固定位置：bottom: 13%; right: 3%）
+     - 点击分类跳转到商品列表页（传递cateId参数）
      - 应用tcb-shop-demo商品分类页设计规范
      - 作为tabbar一级页面集成
+     - 使用现有TDesign组件：Image、Toast
 
 ## 兼容性要求
 
@@ -197,12 +202,14 @@
 
 #### 9. 商品分类页设计模式 [ ] (待实现)
 - **页面结构**：
-  - 左侧边栏：一级分类导航（固定宽度180rpx）- 待实现
+  - 左侧边栏：一级分类导航（固定宽度176rpx）- 待实现
   - 右侧内容区：二级分类网格布局（3列）- 待实现
   - 广告图区域：固定位置显示广告图 - 待实现
 - **组件依赖**：
-  - 侧边栏组件：c-sidebar, c-sidebar-item - 待实现
-  - 标签栏组件：c-tabbar, c-tabbar-more - 待实现
+  - 侧边栏组件：c-sidebar（滚动容器，宽度176rpx）- 待实现
+  - 侧边栏项组件：c-sidebar-item（选中状态、圆角效果）- 待实现
+  - 标签栏组件：c-tabbar（水平滚动，支持更多）- 待实现
+  - 标签栏更多组件：c-tabbar-more（下拉面板，3列网格）- 待实现
   - TDesign组件：image, toast - 待实现
 - **样式特点**：
   - 左侧边栏背景色：`#f5f5f5` - 待实现
@@ -210,6 +217,12 @@
   - 二级分类网格：`grid-template-columns: 33.33% 33.33% 33.33%` - 待实现
   - 分类图片尺寸：`144rpx × 144rpx` - 待实现
   - 广告图位置：`position: fixed; bottom: 13%; right: 3%` - 待实现
+  - 侧边栏选中状态：左侧红色指示条，文字变为红色圆角背景 - 待实现
+  - 标签栏选中状态：蓝色文字，底部边框 - 待实现
+- **交互功能**：
+  - 点击侧边栏项切换一级分类 - 待实现
+  - 点击二级分类跳转到商品列表页 - 待实现
+  - 标签栏超过4项时显示更多下拉面板 - 待实现
 - **集成状态**：商品分类页待开发
 
 ## 集成策略