grid组件代码
<uni-grid :column="3" borderColor="#e2e2e2" v-for="item in gridData" :key="item.id">
<uni-grid-item @tap="onGridEvent">
<image :src="item.img" style="width: 70rpx;height: 70rpx;" />
<text style="font-size: 30rpx;margin-top: 10px;color: #888888;">{{item.title}}</text>
</uni-grid-item>
</uni-grid>
这样使用后，三个item是垂直排列的，不是从左到右横向，为什么？ 如果不用for循环，写三个uni-grid-item布局就没问题
1 个回复
c***@163.com
我也遇到这个问题了。在手机小米mix2s 安卓版本10中没有问题，但是在雷电模拟器 安卓版本5.1.1中也是这样。最后是用了flex布局解决的，是不是uniapp对grid布局支持是有限的