what is the component of this slide, how is it implemented, and can vue be used?
what is the component of this slide, how is it implemented, and can vue be used?
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
Previous: Vue cli3 environment variable setting
Next: Cross-domain problems of local development of WEB projects separated from front and rear ends