个人中心页面 登录 页面详情 购物车

2022/1/14 23:06:38

本文主要是介绍个人中心页面 登录 页面详情 购物车,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

1、编写内容

购物车的静态页面的搭建,以及详情页静态页面的搭建,在分类页面中,只有Xiaomi手机对应的系列,数据中携带了详情页列表的描述,可以根据id来整理出当前项的详情页需要展示的数据,也可以在跳转详情页的时候,将当前id作为query参数携带过去,在到详情页整理数据,也可以通过路由传参的方式(EventChannel)

购物车需要展示的数据也是通过详情页这边获取到判断购物车列表中是否已经存在该项,有则改变数量和勾选状态,没有则需要以新对象作为购物车商品项添加到购物车列表里面

购物车底部需要发送请求展示商品推荐列表,也应该点击跳转到详情页,展示

2、遇到问题

详情页和购物车页面,底部加入购物车部分和中间scroll-view部分,会出现跟随滚动

4、解决

给父级盒子设置margin-bottom,高度给底部加入购物车的高度,底部购物车部分使用绝对定位position:fixed;botttom 为0

 



这篇关于个人中心页面 登录 页面详情 购物车的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程