scroll-view无法换行

BIP23928883

各位大神，
scroll-view，想对超出屏幕部分图标，自动换行显示，
在<style>中flex-flow: row wrap;但是无法换行，
请教如何处理。

吵吵

代码贴出来看看

BIP23928883

多谢确认
用的教育模板
//分类有8种，从数据库读取
     <scroll-view class="main__menu" scroll-x v-if="homeData.course_category"
                   :style="'height:'+(api.winWidth/4+20)+'px;'"

.main__menu {
  flex-flow: row wrap;//改了这里
  overflow-x: scroll;
  white-space: nowrap;
  flex-shrink: 0;
  overflow-scrolling: touch;
  margin-bottom: 5px;
  
}