题目描述:请参考 http://www.dell-lee.com/jingdong#/cartList 页面设计,完成购物车页面的开发,购物车中需要显示不同的店铺,以及店铺对应的购物车商品。
任务要求
- 完成页面布局。
- 从本地存储读取购物车信息,将不同店铺的购物车内容全部罗列展示。
- 如果购物车内容过多,可以上下滚动进行展示。
- 如果店铺购物车商品数量为零,应该隐藏展示对应店铺和商品。
任务提示
- 布局部分,重点注意处理商品过多时,上线可滚动的问题,借助 overflow:scroll 可以快速实现。
- 循环遍历购物车信息,会涉及到两层循环,参考购物车数据存储的结构,遍历两次即可完成内容展示。
- 进行循环时,进行逻辑判断,如果商品数量为零,隐藏展示,如果店铺下所有商品数量和为零,店铺隐藏展示。
- 其他逻辑,与课程中单个店铺的购物车非常类似,参考课程代码进行实现即可。
- 在 git 仓库中的 master 分之,为大家提供了参考作业代码,可以对比参考。