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

wxss文件样式

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

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>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券