微信小程序 scroll-view 中使用flex布局

scroll-view

小程序中为了可滚动视图区域要得使用scroll-view，但scroll-view有致命的缺陷，就是不支持flex布局。但我们可以通过使用view来包裹scroll-view的方法来使用flex布局.
下面直接上代码:

<view class="body">
  <view class='head'>head</view>
  <view class='list-wraper'>
    <scroll-view class="list" scroll-y="true">
      <view class="list-inner">
        <view class='course-card'>
          <view>
            <image src="../../img/next-course.png" mode='widthFix'></image>
          </view>
          <view>人人都会小程序</view>
          <view class='price'>免费</view>
        </view>
        <view class='course-card'>
          <view>
            <image src="../../img/next-course.png" mode='widthFix'></image>
          </view>
          <view>人人都会小程序</view>
          <view class='price'>免费</view>
        </view>
        <view class='course-card'>
          <view>
            <image src="../../img/next-course