feat(shop): 调整商品列表为一排两个竖向方格布局

- 商品列表容器调整为 flex-wrap 布局以支持多列显示
- 每个商品项宽度设为 50%,左右间距微调
- 商品卡片改为竖向结构,图片置顶,固定高度 144px,图片模式改为 aspectFill
- 商品名称、积分标签、价格、销量排布调整优化
- 加购按钮位置及样式微调增加左边距
- 保持顶部搜索栏、左侧分类栏和排序栏布局不变
This commit is contained in:
2026-07-11 18:06:53 +08:00
parent 02acd5b311
commit 7572738bcd
2 changed files with 66 additions and 56 deletions

View File

@@ -0,0 +1,8 @@
# 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 类型缺失) 为改动前既有问题,非本次引入