可拖拽的select组件

前言

不知道大家是否遇到过需要那种连续滚动展示的情况,如下面这个gif右侧广告展示的情况

这里基于vue实现，这个实现可以基于vue-seamless-scroll这个库

使用

安装

npm i vue-seamless-scroll

导入

import vueSeamlessScroll from "vue-seamless-scroll";

使用

 <vueSeamlessScroll
    :data="newmsg"
    :class-option="optionCustomer"
    class="ad_scroll"
>
    <ul>
        <li
            v-for="item in newmsg"
            :key="item.id"
            :data-id="JSON.stringify(item.id)"
            class="ad_item"
        >
            <i class="icon"></i>
            <span class="ad_content">
                {{ item.name }}
            </span>
        </li>
    </ul>
</vueSeamlessScroll>

好了本篇文章就到这里,喜欢的话请支持作者