资讯专栏INFORMATION COLUMN

vue-concise-slider vue滑动组件

Hwg / 1112人阅读

摘要:中文一个简单的滑动组件配置简单支持自适应全屏按钮分页同时兼容移动端和端版本支持特点简单配置轻量多种滑动样式目前已实现全屏自适应移动端兼容垂直滚动定时自动切换不定宽度滚动无缝循环滚动多级滚动未来将实现渐变滚动视差效果链接文档安装

中文 | English

vue-concise-slider

vue-concise-slider,一个简单的滑动组件,配置简单,支持自适应/全屏+按钮+分页,同时兼容移动端和PC端

版本

v2.2.0 支持vue2.0+

特点

简单配置

轻量 (~17.8kB gzipped)

多种滑动样式

目前已实现

[x] 全屏自适应

[x] 移动端兼容

[x] 垂直滚动

[x] 定时自动切换

[x] 不定宽度滚动

[x] 无缝循环滚动

[x] 多级滚动

未来将实现

[ ] 渐变滚动

[ ] 视差效果

链接

文档

demo

安装
  npm install vue-concise-slider --save
如何使用

浏览器支持

现代浏览器及ie10+

贡献

Fork it!

Create your feature branch: git checkout -b my-new-feature

Commit your changes: git commit -am "Add some feature"

Push to the branch: git push origin my-new-feature

Submit a pull request

有更好的想法?

欢迎来留下你的意见:https://github.com/warpcgd/vu...

BUG?oh no!

可以在这里提交,会尽快处理:https://github.com/warpcgd/vu...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/87863.html

相关文章

  • vue-concise-slider vue滑动组件

    摘要:中文一个简单的滑动组件配置简单支持自适应全屏按钮分页同时兼容移动端和端版本支持特点简单配置轻量多种滑动样式目前已实现全屏自适应移动端兼容垂直滚动定时自动切换不定宽度滚动无缝循环滚动多级滚动未来将实现渐变滚动视差效果链接文档安装 中文 | English vue-concise-slider vue-concise-slider,一个简单的滑动组件,配置简单,支持自适应/全屏+按钮+分页...

    godlong_X 评论0 收藏0
  • ❤️❌ 如何用vue制作一个探探滑动组件

    showImg(https://segmentfault.com/img/remote/1460000013559744?w=887&h=625); 前言 嗨,说起探探想必各位程序汪都不陌生(毕竟妹子很多),能在上面丝滑的翻牌子,探探的的堆叠滑动组件起到了关键的作用,下面就来看看如何用vue写一个探探的堆叠组件 ? 一. 功能分析 简单使用下探探会发现,堆叠滑动的功能很简单,用一张图概括就是:sh...

    kel 评论0 收藏0
  • 干货--手把手撸vue移动UI框架: 滑动删除

    摘要:的结构如下样式我们这里让正文占据视图的,然后按钮容器靠右绝对定位,然后再把向右移动,这样就刚好衔接在后面。当向左滑动的时候,向左移动,显示出来。 前言 前几天因为项目需要,用jquery写了一个swiperOut组件,然后我就随便把这个组件翻译成基于Vue的了,有兴趣的朋友可以看下。Github源码(不麻烦的话帮忙start,请各位大爷赏个星星) demo展示 效果展示 老规矩,先上效...

    MkkHou 评论0 收藏0
  • 干货--手把手撸vue移动UI框架: 滑动删除

    摘要:的结构如下样式我们这里让正文占据视图的,然后按钮容器靠右绝对定位,然后再把向右移动,这样就刚好衔接在后面。当向左滑动的时候,向左移动,显示出来。 前言 前几天因为项目需要,用jquery写了一个swiperOut组件,然后我就随便把这个组件翻译成基于Vue的了,有兴趣的朋友可以看下。Github源码(不麻烦的话帮忙start,请各位大爷赏个星星) demo展示 效果展示 老规矩,先上效...

    trigkit4 评论0 收藏0

发表评论

0条评论

Hwg

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<