【学习任务】结合本地购物车数据,完成多店铺购物车页面开发
10.1k
等41人参与

题目描述:请参考 http://www.dell-lee.com/jingdong#/cartList 页面设计,完成购物车页面的开发,购物车中需要显示不同的店铺,以及店铺对应的购物车商品。

任务要求

  1. 完成页面布局。
  2. 从本地存储读取购物车信息,将不同店铺的购物车内容全部罗列展示。
  3. 如果购物车内容过多,可以上下滚动进行展示。
  4. 如果店铺购物车商品数量为零,应该隐藏展示对应店铺和商品。

任务提示

  1. 布局部分,重点注意处理商品过多时,上线可滚动的问题,借助 overflow:scroll 可以快速实现。
  2. 循环遍历购物车信息,会涉及到两层循环,参考购物车数据存储的结构,遍历两次即可完成内容展示。
  3. 进行循环时,进行逻辑判断,如果商品数量为零,隐藏展示,如果店铺下所有商品数量和为零,店铺隐藏展示。
  4. 其他逻辑,与课程中单个店铺的购物车非常类似,参考课程代码进行实现即可。
  5. 在 git 仓库中的 master 分之,为大家提供了参考作业代码,可以对比参考。
我的作业
去发布

登录后即可发布作业,立即

全部作业

数据加载中...

意见反馈 帮助中心 APP下载
官方微信