v-for循环之后图片换行了

yhbhpu

请教个菜鸟问题，apicloud3刚上手不熟悉，用v-for遍历之后图片就不在同一行了，请问是什么原因
<view class="focus-post__pic">

                <img class="pic" src="../image/pic.png">
                <img class="pic" src="../image/pic.png">
                <img class="pic" src="../image/pic.png">
        </view>


这样写图片是正常的，也就是一行显示几个图片。




<view class="focus-post__pic" v-for="pic in picList">

                <img class="pic" :src="pic.photo">

        </view>
但是真正用v-for遍历出服务器的图片之后，图片就换行了，遍历出几个图片就是几行，请问哪里写错了？

技术咨询-F

图片宽高设置一下

imo.

因为你循环了view

1. <view class="focus-post__pic">
   
2.         <img class="pic" :src="pic.photo">
   
3. </view>
   
4. <view class="focus-post__pic">
   
5.         <img class="pic" :src="pic.photo">
   
6. </view>
   
7. <view class="focus-post__pic">
   
8.         <img class="pic" :src="pic.photo">
   
9. </view>
   
10. <view class="focus-post__pic">
    
11.         <img class="pic" :src="pic.photo">
    
12. </view>

复制代码

imo.

for要写在img标签中， 而非view

imo.

技术支持-F 差评

C-Chicken

技术支持-F大佬说的对, 让我的图片竖着排列的很整齐,都不需要手动调整边距了

yhbhpu

感谢，确实是这个问题

imo. · 2022-5-28 12:35for要写在img标签中， 而非view