请问这是什么组件,用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就足够了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏