feat(shop): 调整商品列表为一排两个竖向方格布局
- 商品列表容器调整为 flex-wrap 布局以支持多列显示 - 每个商品项宽度设为 50%,左右间距微调 - 商品卡片改为竖向结构,图片置顶,固定高度 144px,图片模式改为 aspectFill - 商品名称、积分标签、价格、销量排布调整优化 - 加购按钮位置及样式微调增加左边距 - 保持顶部搜索栏、左侧分类栏和排序栏布局不变
This commit is contained in:
8
.workbuddy/memory/2026-07-11.md
Normal file
8
.workbuddy/memory/2026-07-11.md
Normal 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 类型缺失) 为改动前既有问题,非本次引入
|
||||
Reference in New Issue
Block a user