购物车搭建

守护地中海的花
78 阅读1分钟

image.png

本文详细解析 购物车界面搭建思路。

image.png

布局思路有很多

先看底部结算控制条

image.png

上部分

采用 Positioned 布局

image.png

采用取巧方式 让列表底部有空白区域

这样一来 列表就能展示完全了 （其实底部空白是被遮挡的 ）

image.png

细节布局 列表

image.png

image.png

image.png

image.png

慢慢解剖

结算栏

image.png

image.png

avatar
文章
阅读
粉丝