关于今天在写 flex 布局，遇到 for 循环后的失效问题

最开始我的 for 循环 和 flex 布局 写在 同一层，就出现了我想让他横着排列，结果却不生效

						<view class="size" v-for="(item,index) in mianliao" >
							<view class="size-content u-m-t-16">
								<image :src="item.img" mode=""></image>
								<text class="u-font-26 u-m-t-16">{
   
   {item.name}}</text>
							</view>
						</view>

后来通过网上查阅才知道，for循环要写在 flex 布局的里面

<view class="size">
	<view v-for="(item,index) in mianliao" class="size-content u-m-t-16">
	    <image :src="item.img" mode=""></image>
	    <text class="u-font-26 u-m-t-16">{
   
   {item.name}}</text>
	</view>
</view>

解决了之后我也挺无语的，一点小问题搞了一个多小时