【报Bug】nvue uni-app编译模式 scroll-view 生成的H5代码有问题

HTML代码：

<scroll-view class="highlight-strip-scroll" scroll-x="true">  
    <view class="highlight-strip-item">  
        <image src="../../../static/temp/thumb/1.jpg" class="highlight-strip-image"></image>  
    </view>  
    <view class="highlight-strip-item">  
        <image src="../../../static/temp/thumb/2.jpg" class="highlight-strip-image"></image>  
    </view>  
    <view class="highlight-strip-item">  
        <image src="../../../static/temp/thumb/3.jpg" class="highlight-strip-image"></image>  
    </view>  
    <view class="highlight-strip-item">  
        <image src="../../../static/temp/thumb/4.jpg" class="highlight-strip-image"></image>  
    </view>  
    <view class="highlight-strip-item">  
        <image src="../../../static/temp/thumb/5.jpg" class="highlight-strip-image"></image>  
    </view>  
    <view class="highlight-strip-item">  
        <image src="../../../static/temp/thumb/6.jpg" class="highlight-strip-image"></image>  
    </view>  
    <view class="highlight-strip-item">  
        <image src="../../../static/temp/thumb/7.jpg" class="highlight-strip-image"></image>  
    </view>  
    <view class="highlight-strip-item">  
        <image src="../../../static/temp/thumb/8.jpg" class="highlight-strip-image"></image>  
    </view>  
    <view class="highlight-strip-item">  
        <image src="../../../static/temp/thumb/9.jpg" class="highlight-strip-image"></image>  
    </view>  
    <view class="highlight-strip-item">  
        <image src="../../../static/temp/thumb/10.jpg" class="highlight-strip-image"></image>  
    </view>  
    <view class="highlight-strip-item">  
        <image src="../../../static/temp/thumb/11.jpg" class="highlight-strip-image"></image>  
    </view>  
</scroll-view>

css代码：

.highlight-wrapper {  
    background-color: #000000;  
}  
.highlight-image {  
    width: 750rpx;  
    height: 420rpx;  
}  
.highlight-video {  
    width:750rpx;  
    height:420rpx;  
}  
.highlight-strip {  

}  
.highlight-strip-item {  
    width:140rpx;  
    height:80rpx;  
}   
.highlight-strip-scroll {  
    flex-direction: row;  
    flex-wrap: nowrap;  
}  
.highlight-strip-image {  
    width:140rpx;  
    height:80rpx;  
}

以上代码在APP里边可以正常滚动，但是在H5端就成竖着的了，看了下H5端生成的代码，确实有问题，代码如下：

 <uni-scroll-view data-v-7be2bac4="" class="highlight-strip-scroll">  
   <div class="uni-scroll-view">  
    <div class="uni-scroll-view" style="overflow: auto hidden;">  
     <div>  
      <uni-view data-v-7be2bac4="" class="highlight-strip-item">  
       <uni-image data-v-7be2bac4="" class="highlight-strip-image">  
        <div style="background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(&quot;/static/temp/thumb/1.jpg&quot;);"></div>  
        <img src="/static/temp/thumb/1.jpg" />  
        <!---->  
       </uni-image>  
      </uni-view>  
      <uni-view data-v-7be2bac4="" class="highlight-strip-item">  
       <uni-image data-v-7be2bac4="" class="highlight-strip-image">  
        <div style="background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(&quot;/static/temp/thumb/2.jpg&quot;);"></div>  
        <img src="/static/temp/thumb/2.jpg" />  
        <!---->  
       </uni-image>  
      </uni-view>  
      <uni-view data-v-7be2bac4="" class="highlight-strip-item">  
       <uni-image data-v-7be2bac4="" class="highlight-strip-image">  
        <div style="background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(&quot;/static/temp/thumb/3.jpg&quot;);"></div>  
        <img src="/static/temp/thumb/3.jpg" />  
        <!---->  
       </uni-image>  
      </uni-view>  
      <uni-view data-v-7be2bac4="" class="highlight-strip-item">  
       <uni-image data-v-7be2bac4="" class="highlight-strip-image">  
        <div style="background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(&quot;/static/temp/thumb/4.jpg&quot;);"></div>  
        <img src="/static/temp/thumb/4.jpg" />  
        <!---->  
       </uni-image>  
      </uni-view>  
      <uni-view data-v-7be2bac4="" class="highlight-strip-item">  
       <uni-image data-v-7be2bac4="" class="highlight-strip-image">  
        <div style="background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(&quot;/static/temp/thumb/5.jpg&quot;);"></div>  
        <img src="/static/temp/thumb/5.jpg" />  
        <!---->  
       </uni-image>  
      </uni-view>  
      <uni-view data-v-7be2bac4="" class="highlight-strip-item">  
       <uni-image data-v-7be2bac4="" class="highlight-strip-image">  
        <div style="background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(&quot;/static/temp/thumb/6.jpg&quot;);"></div>  
        <img src="/static/temp/thumb/6.jpg" />  
        <!---->  
       </uni-image>  
      </uni-view>  
      <uni-view data-v-7be2bac4="" class="highlight-strip-item">  
       <uni-image data-v-7be2bac4="" class="highlight-strip-image">  
        <div style="background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(&quot;/static/temp/thumb/7.jpg&quot;);"></div>  
        <img src="/static/temp/thumb/7.jpg" />  
        <!---->  
       </uni-image>  
      </uni-view>  
      <uni-view data-v-7be2bac4="" class="highlight-strip-item">  
       <uni-image data-v-7be2bac4="" class="highlight-strip-image">  
        <div style="background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(&quot;/static/temp/thumb/8.jpg&quot;);"></div>  
        <img src="/static/temp/thumb/8.jpg" />  
        <!---->  
       </uni-image>  
      </uni-view>  
      <uni-view data-v-7be2bac4="" class="highlight-strip-item">  
       <uni-image data-v-7be2bac4="" class="highlight-strip-image">  
        <div style="background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(&quot;/static/temp/thumb/9.jpg&quot;);"></div>  
        <img src="/static/temp/thumb/9.jpg" />  
        <!---->  
       </uni-image>  
      </uni-view>  
      <uni-view data-v-7be2bac4="" class="highlight-strip-item">  
       <uni-image data-v-7be2bac4="" class="highlight-strip-image">  
        <div style="background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(&quot;/static/temp/thumb/10.jpg&quot;);"></div>  
        <img src="/static/temp/thumb/10.jpg" />  
        <!---->  
       </uni-image>  
      </uni-view>  
      <uni-view data-v-7be2bac4="" class="highlight-strip-item">  
       <uni-image data-v-7be2bac4="" class="highlight-strip-image">  
        <div style="background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(&quot;/static/temp/thumb/11.jpg&quot;);"></div>  
        <img src="/static/temp/thumb/11.jpg" />  
        <!---->  
       </uni-image>  
      </uni-view>  
     </div>  
    </div>  
   </div>  
  </uni-scroll-view>

这样整个列表就变成竖的了，原本应该是水平的。