小程序实践(十四):横向滚动列表

2019-08-14 10:15:04来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

wxss文件样式

/*内层横向滚动列表*/
.rowItem {
    display: inline-block;
}
.scroll-x{
    white-space:nowrap;
    display:flex;
}
 .item-image{
   width: 80px;
   height: 80px;
   margin-right: 2px;
  }
 

wxml 布局

<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>

 

 

 


原文链接:https://www.cnblogs.com/xqxacm/p/11201249.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:回忆一下Node(随时更改,想到什么写什么)

下一篇:ts常用数据类型