小程序实现一维或多维数组的每行三列数据显示

小程序实现一维或多维数组的每行三列数据显示

一维数组：
效果图

.js文件
data: {

devData: ["aa", "vv", "bbb",
           "rer", "gg", "gggr",
           "rrr", "jyt", "yhy",
            "hyth", "hyyt", "hythyh"],

},

.wxml文件

<block wx:for="{
  {devData}}" wx:for-index="i" wx:for-item="item" >   
            <view class='onehandle5'>
                  <block wx:for="{
  {3}}" wx:for-index="k" wx:for-item="item_k" >
                        <view wx:if="{
  {devData[i+item_k] != null && i%3 == 0 }}" class="useage2">{
  {devData[i+item_k]}}</view>
                  </block>
            </view>
   </block>

.wxss文件

.onehandle5{
  display: flex;
  flex-direction: row;
}

.useage2{
  width: 170rpx;
  margin: 12rpx 7rpx;
  height: 100rpx;
  background-color: #f3f0f0;
  text-align: cen