老师关于图片显示4个换行怎么改

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕久久 2021-09-11 10:56:00

同学你好,老师测试源码,结论如下:

1、图片的大小是固定的rem:

https://img1.sycdn.imooc.com//climg/613c18d109fc3ce814750396.jpg

因此不管显示2个还是4个,图片的大小不会变:

https://img1.sycdn.imooc.com//climg/613c190809bbbc1604280142.jpg

https://img1.sycdn.imooc.com//climg/613c191d09ff32b604500160.jpg

不会出现同学说的图片大小改变的情况。

2、实际开发中,购物车中,并不会将所有商品都展示出来,会限制展示几个,比如最多展示4个,对应 v-if="innerIndex<=3"这句代码,效果如下:

https://img1.sycdn.imooc.com//climg/613c1a5709dbc4ea09640319.jpg

如果觉得样式不好看,图片太小了,可以改变一下图片的尺寸:

https://img1.sycdn.imooc.com//climg/613c1a7d09b809bf14990474.jpg

3、如果同学自己的样式有问题,建议新建一个问题,把相关代码粘贴出来,老师们再为你解答。

祝学习愉快!


好帮手慕久久 2021-09-10 11:55:28

同学你好,是想让一行显示4个图,多余图换行吗?

https://img1.sycdn.imooc.com//climg/613ad6f209f49b7905490158.jpg

如果是的话,直接将v-if的条件去掉就行了:

https://img1.sycdn.imooc.com//climg/613ad7180999b0e103760135.jpg

如果不是,建议详细说明一下,老师再为你解答。

祝学习愉快!

  • 提问者 慕瓜0126554 #1

    假设这样显示图片会变小,不然不美观,该怎么写判断,但是小于4个又可以正常显示

    2021-09-11 05:15:24
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师