展示和隐藏功能的实现?

来源:1-5 项目作业

小英雄哪托

2022-08-25 15:53:52

功能:这部分商品超过两条仅展示两条,并显示一共多少件等信息,点击后可以展开;

老师可以提供一下思路吗?

https://img.mukewang.com/climg/63072a8c09c52a6209860516.jpg

写回答

1回答

好帮手慕星星

2022-08-25

同学你好,作业中购物车页面数据是死的,按照效果写静态页面即可。

如果是在实际开发中,进入购物车页面,可以通过店铺id来获取对应购物车存储的数据,遍历数据信息进行渲染。样式中设置固定两条高度得到数据长度后进行判断,如果大于两条,展示下面的共计样式,可以用v-if来控制共计是否展示,j代码进行控制。

祝学习愉快!

0

0 学习 · 17877 问题

查看课程