成都网站建设设计

将想法与焦点和您一起共享

怎么在vue中使用concise-slider插件-创新互联

怎么在vue中使用concise-slider插件?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

成都创新互联成都网站建设定制网站制作,是成都营销推广公司,为玻璃隔断提供网站建设服务,有成熟的网站定制合作流程,提供网站定制设计服务:原型图制作、网站创意设计、前端HTML5制作、后台程序开发等。成都网站设计热线:13518219792

vue-concise-slider

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

版本

v2.4.7 支持vue2.0+

特点

  1. 简单配置

  2. 轻量 (~24kB gzipped)

  3. 多种滑动样式

目前已实现

  1. 全屏自适应

  2. 移动端兼容

  3. 垂直滚动

  4. 定时自动切换

  5. 不定宽度滚动

  6. 无缝循环滚动

  7. 多级滚动

  8. 渐变滚动

  9. 旋转滚动

  10. page中加入自定义组件

未来将实现

  1. 渐变滚动

  2. 视差效果

链接

  1. 文档

  2. demo

安装

npm install vue-concise-slider --save

如何使用


看完上述内容,你们掌握怎么在vue中使用concise-slider插件的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联成都网站设计公司行业资讯频道,感谢各位的阅读!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章标题:怎么在vue中使用concise-slider插件-创新互联
链接地址:http://chengdu.cdxwcx.cn/article/epdcd.html