Applet practice (XIV): horizontal scrolling list

wxss style file

/ * The inner lateral scrolling list * / 
.rowItem { 
    the display: inline - Block; 
} 
.scroll - X { 
    White - Space: nowrap; 
    the display: Flex; 
}

　.item-image{

　　　width: 80px;

　　　height: 80px;

　　　margin-right: 2px;

  }

wxml layout

<scroll-view class="scroll-x" scroll-x="true" scroll-x>
        <view wx:for="{{pictures}}" class="rowItem">
            
            <image class="item-image" src="../../../image/icon_product.png" mode="aspectFill">
            </image>
        </view>
</scroll-view>