小程序flex布局不生效

20210510微信小程序flex布局不生效

原本的代码我还没看出来错在哪里了，求路过大佬指正
原本的效果：

原本的代码：
wxml :

<!-- 推荐内容-->
  <scroll-view class="recommendScroll" enable-flex scroll-x >
    <view class="scrollItem">
      <image src="/static/imgs/1.1.jpg"></image>
      <text>这是一行文字说明</text>
    </view>
    <view class="scrollItem">
      <image src="/static/imgs/1.2.webp"></image>
      <text>这是一行文字说明</text>
    </view>
    <view class="scrollItem">
      <image src="