<view class="flex-wrap" wx:for="{{data-list}}">
<view class="flex-item">{{item}}</view>
</view>
.flex-wrp{
display:flex;
flex-direction: row;
background-color: #FFFFFF;
}
.flex-item{
width: 100px;
height: 100px;
}
修改后：
<view class="flex-wrap">
<view class="flex-item" wx:for="{{data-list}}">{{item}}</view>
</view>
OK.
转载来自 ---- https://blog.csdn.net/weixin_43789195/article/details/107810811
container flex-direction 主轴的方向 flex-direction:row|row-rev...
容器中的六个属性 flex-direction flex-direction:row / row-reverse ...
排列 默认横向正序排列 flex-direction:row 横向倒序排列 flex-direction:row-...
flex-direction 弹性容器的方向 (1) flex-direction:row ...
flex-direction: row | row-reverse | column | column-rever...
boxdisplay: flex | inline-flex flex-direction: row | row-...
主轴的方向 flex-direction: row | row-reverse | column | column...
标准Flex 容器属性 flex-direction: 主轴方向，默认row，水平从左往右；； row | row...
水平的主轴row，垂直的交叉轴column 主轴方向：flex-direction: row | row-reve...
flex-direction（调整主轴方向）：row，column，row-reverse，column-reve...
本文标题：小程序 flex-direction: row遇见wx:for无
本文链接：https://www.haomeiwen.com/subject/ameiydtx.html
网友评论