前言
① 第一次工作的第一项目要求做如下图所示的【无缝滚动】效果,这把我难倒了。
② 两个同事,一个用轮播图,一个用 CSS。虽然我不知道咋实现,但觉得这俩方法好 low(一点思路也没有的我更 low)
③ 我实在不知道如何实现,我各种网上搜索。最后,终于等到你,还好我没有放弃。
④ 我把插件链接放在下面,真感谢这些前辈的付出和奉献,阿里嘎多。
https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-default
一、如何在 uniapp 中使用?
下面是我自己总结的步骤哈!
(1) npm 安装
npm install vue-seamless-scroll --save
安装完成后会在 node_modules 文件下产生两个文件夹,如下图所示:
(2) 直接使用
我是直接手动导入使用的,没有配置 easycom
① 引入该组件:
import VueSeamlessScroll from 'vue-seamless-scroll'
② 在 components 中注册该组件
③ 把需要循环展示的内容放到【 vue-seamless-scroll】标签中