【笔记12】无缝滚动插件的使用

简介: ① 第一次工作的第一项目要求做如下图所示的【无缝滚动】效果,这把我难倒了。② 两个同事,一个用轮播图,一个用 CSS。虽然我不知道咋实现,但觉得这俩方法好 low(一点思路也没有的我更 low)③ 我实在不知道如何实现,我各种网上搜索。最后,终于等到你,还好我没有放弃。

前言

① 第一次工作的第一项目要求做如下图所示的【无缝滚动】效果,这把我难倒了。
② 两个同事,一个用轮播图,一个用 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】标签中

相关文章
|
数据可视化
Markdown编辑器与富文本编辑器的区别
首先,要搞清楚一点,markdown 编辑器与传统的富文本编辑器实际上一点区别都没有!只是可能由于某些原因放到了一个概念,那么是一个什么概念呢?
297 0
|
JavaScript 前端开发 Java
原生js的笔记
java是SUN公司开发的 是强类型,基于面向对象的后端语言。 javascrip是Netsape公司,是弱类型,基于对象的客户端脚本语言。
|
JavaScript 容器 前端开发
网页瀑布流布局插件Masonry
CSS3有实现类似瀑布流布局的属性column,但是遗憾的是这种布局是纵向布局而不支持横向布局。所以比较合适用于文字多列布局。 调用JQuery WaterFall布局插件:http://masonry.
1239 0
|
JavaScript 前端开发 数据格式
图片轮播插件-carouFredSel
carouFredSel图片轮播插件基于Jquery,比较常规的轮播插件,支持滚轮及键盘左右按键,加入其它插件可实现更加复杂的特效。 主页地址:http://caroufredsel.dev7studios.
994 0
|
JavaScript 前端开发
推荐40个简单的 jQuery 导航插件和教程【下篇】
  在这篇文章中,我为大家收集了40款非常棒的 jQuery 导航插件和教程。导航作为网站重要的组成部分,能够帮助用户找到他们想要的内容,因此导航设计的好坏决定了用户能够在你的网站停留更长的时间,浏览更多的内容。
984 0
|
JavaScript
帮助你构建自适应布局的30款优秀 jQuery 插件(下篇)
  自适应设计(Responsive Layouts)是时下网页设计领域最热门的话题之一,自适应设计的目标是要让产品界面能够响应用户的行为,根据不同终端设备自动调整尺寸,带给用户良好的使用体验。下面是收集的15款优秀的自适应 jQuery 插件,希望这些插件能够帮助到您。
1030 0
|
JavaScript 前端开发 内存技术
jquery插件整理篇(三)图片展示插件
(1)imgAreaSelect imgAreaSelect这个jQuery插件能够选取一张图片中一个矩形区域。imgAreaSelect   (2)Easy Slide EasySlide 是以jQuery为基础开发的一个图库展示插件,EasySlide可以将任何一个网页容器(Container)内的图形自动将其排列展示,并加上鼠标指向时的暂停效果(Pause),可以当作图库展示或是动画及广告Banner使用。
1392 0
|
Web App开发 JavaScript 前端开发
2011年7月10个非常棒的jQuery插件
) Scrollable 可以按自己的需求在一个简单,可配置的导航条中指定像1, 2, 3, 15…这样的展播分页框。   2) Vertical Slider jquery.mb.verticalSlider能够让将一个很长的列表进行分页管理,它能够管理已经存在你页面DOM中的任何元素集合,也可以通过Ajax按需加载。
853 0

热门文章

最新文章