赵忠林
7572738bcd
- 商品列表容器调整为 flex-wrap 布局以支持多列显示 - 每个商品项宽度设为 50%，左右间距微调 - 商品卡片改为竖向结构，图片置顶，固定高度 144px，图片模式改为 aspectFill - 商品名称、积分标签、价格、销量排布调整优化 - 加购按钮位置及样式微调增加左边距 - 保持顶部搜索栏、左侧分类栏和排序栏布局不变
9 lines
533 B
Markdown
9 lines
533 B
Markdown
# 2026-07-11
|
|
|
|
## 商品列表布局改为一排两个方格
|
|
- 文件：`src/pages/shop/index.tsx` 商品列表区域
|
|
- 改动：从「一排一个横向卡片（左小图+右信息）」改为「一排两个竖向方格卡片」
|
|
- 实现：容器 `flex flex-wrap`，每项 `w-1/2 p-1`；卡片竖向结构：图片(`h-36`, `mode=aspectFill`)在上，商品信息在下
|
|
- 顶部搜索栏、左侧分类栏、排序栏保持不变
|
|
- 注：`tsc --noEmit` 报 TS2688(@tarojs/taro 类型缺失) 为改动前既有问题，非本次引入
|