请问这是什么组件,用vue怎么实现

SD_W
  • 4
新手上路,请多包涵

请问这样的滑动是什么组件,怎么实现的,vue可以用吗?
图片描述

回复
阅读 2.3k
7 个回答

这是组件吗, 不是吧, 用 vue 当然可以实现, 不用也可以

可以用 vue-awesome-swiper组件 实现这个效果

可使用纯 css 实现这种单排横划:

<ul class="horizontal-scroll">
    <li class="item">
        <img src="" />
    </li>
    <li class="item">
        <img src="" />
    </li>
    <li class="item">
        <img src="" />
    </li>
</ul>
.horizontal-scroll {
    font-size: 0;
    vertical-align: middle;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    &::-webkit-scrollbar {
        width: 0;
        height: 0;
        opacity: 0;
    }
    .item {
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
    }
}

better scroll
了解一下

普通CSS就足够了

宣传栏