微信小程序的手动滑动组件

scroll-view

程序如下：（只要html  css 就可以  ）

 

<scroll-view class="image-group" scroll-x="true">

    <view class="item_list" >                               一定要有这个

        <image src="/images/indeximages/4.png" ></image>

        <image src="/images/indeximages/4.png" ></image>

    </view>

</scroll-view>

 

.image-group {

    width: 100%;

    height: 307rpx;

    overflow: hidden;

    padding: 20rpx;

    background: #fff;

    white-space: nowrap;                 这个一定要有：将图片都横向展示

}

.item_list {

    width: 760rpx;

    margin-right: 23rpx;

    display: inline-block;                    使元素都在同一行

 

}