基于组件改版思路

1.1 改版效果

改版前                                       改版后

         

1.2 改版过程

页面分解三个组件，分别是顶部导航栏、筛选栏、商品列表卡片。

顶部导航栏01

顶部导航栏02

顶部导航栏03

筛选栏01

筛选栏02

筛选栏03

商品列表卡片01

商品列表卡片02

商品列表卡片03

1.3 组件组合第一种方案：顶部导航栏01+筛选栏01+商品列表卡片01

作业练习

https://js.design/f/bRxugO?p=hzpMlMRQg4&mode=design 邀请您查看「第四次  页面改版练习」，点击链接开启协作