小程序实践（十四）：横向滚动列表

wxss文件样式

/*内层横向滚动列表*/
.rowItem {
    display: inline-block;
}
.scroll-x{
    white-space:nowrap;
    display:flex;
}

　.item-image{

　　　width: 80px;

　　　height: 80px;

　　　margin-right: 2px;

  }

wxml 布局

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

 

 

 

转载于:https://www.cnblogs.com/xqxacm/p/11201249.html