vue-concise-slider vue滑動組件

godlong_X 發布于2019-08-01 15:37 / 1683人閱讀

摘要：中文一個簡單的滑動組件配置簡單支持自適應全屏按鈕分頁同時兼容移動端和端版本支持特點簡單配置輕量多種滑動樣式目前已實現全屏自適應移動端兼容垂直滾動定時自動切換不定寬度滾動無縫循環滾動多級滾動未來將實現漸變滾動視差效果鏈接文檔安裝

中文 | 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...

云服務器 GPU云服務器 vue組件 vue組件開發 vue父子組件通訊 vue輪播組件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/50005.html

vue-concise-slider vue滑動組件

摘要：中文一個簡單的滑動組件配置簡單支持自適應全屏按鈕分頁同時兼容移動端和端版本支持特點簡單配置輕量多種滑動樣式目前已實現全屏自適應移動端兼容垂直滾動定時自動切換不定寬度滾動無縫循環滾動多級滾動未來將實現漸變滾動視差效果鏈接文檔安裝中文 | English vue-concise-slider vue-concise-slider,一個簡單的滑動組件,配置簡單,支持自適應/全屏+按鈕+分頁...

Hwg 2019-08-21 14:18 評論0 收藏0
??? 如何用vue制作一個探探滑動組件

showImg(https://segmentfault.com/img/remote/1460000013559744?w=887&h=625); 前言嗨，說起探探想必各位程序汪都不陌生(畢竟妹子很多)，能在上面絲滑的翻牌子，探探的的堆疊滑動組件起到了關鍵的作用，下面就來看看如何用vue寫一個探探的堆疊組件 ? 一. 功能分析簡單使用下探探會發現，堆疊滑動的功能很簡單，用一張圖概括就是:sh...

kel 2019-08-22 15:08 評論0 收藏0
干貨--手把手擼vue移動UI框架：滑動刪除

摘要：的結構如下樣式我們這里讓正文占據視圖的，然后按鈕容器靠右絕對定位，然后再把向右移動，這樣就剛好銜接在后面。當向左滑動的時候，向左移動，顯示出來。前言前幾天因為項目需要，用jquery寫了一個swiperOut組件，然后我就隨便把這個組件翻譯成基于Vue的了，有興趣的朋友可以看下。Github源碼（不麻煩的話幫忙start，請各位大爺賞個星星） demo展示效果展示老規矩，先上效...

MkkHou 2019-08-02 16:01 評論0 收藏0
干貨--手把手擼vue移動UI框架：滑動刪除

摘要：的結構如下樣式我們這里讓正文占據視圖的，然后按鈕容器靠右絕對定位，然后再把向右移動，這樣就剛好銜接在后面。當向左滑動的時候，向左移動，顯示出來。前言前幾天因為項目需要，用jquery寫了一個swiperOut組件，然后我就隨便把這個組件翻譯成基于Vue的了，有興趣的朋友可以看下。Github源碼（不麻煩的話幫忙start，請各位大爺賞個星星） demo展示效果展示老規矩，先上效...

trigkit4 2019-08-30 14:16 評論0 收藏0