<view class="menu">

    <navigator url="" class="menu-item" wx:for="{{imageList}}" wx:for-index="index">

      <image src='{{item.imageUrl}}' mode="widthFix" class="menu-img"/>

      <text class="menu-name">商品大全</text>

    </navigator>

  </view>

.menu{

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

}

.menu-item{

  width: 25%;

  padding: 5px;

  box-sizing: border-box;

  display: flex;

  justify-content: center;

  flex-direction: column;

}

.menu-img{

  width:100%;

}

预期应该是：

真机也是正确

模拟器：