Excuse me, what is this component and how to implement it with vue?

what is the component of this slide, how is it implemented, and can vue be used?

May.14,2021

is this a component? no, of course it can be achieved with vue. If you don't need it, you can


overflow-x:scroll


learn the framework first. If you can't climb, you just want to run


you can use vue-awesome-swiper components to achieve this effect.


you can use pure css to achieve this single row horizontal stroke:

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


ordinary CSS is enough

Menu