c#自定义Attribute获取接口实现示例代码
703
2023-02-13
vue轮播图插件vue
vue-concise-slider
vue-concise-slider,一个简单的滑动组件,配置简单,支持自适应/全屏+按钮+分页,同时兼容移动端和PC端
版本
v2.4.7 支持vue2.0+
特点
简单配置
轻量 (~24kB gzipped)
多种滑动样式
目前已实现
全屏自适应
移动端兼容
垂直滚动
定时自动切换
不定宽度滚动
无缝循环滚动
多级滚动
渐变滚动
旋转滚动
page中加入自定义组件
未来将实现
渐变滚动
视差效果
链接
文档
demo
安装
npm install vue-concise-slider --save
如何使用
import slider from 'vue-concise-slider'// import slider components
export default {
el: '#app',
data () {
return {
//Image list
pages:[
{
html: '
',style: {
'background': '#1bbc9b'
}
},
{
html: '
',style: {
'background': '#4bbfc3'
}
},
{
html: '
',style: {
'background': '#7baabe'
}
}
],
//Sliding configuration [obj]
sliderinit: {
currentPage: 0,
thresholdDistance: 500,
thresholdTime: 100,
autoplay:1000,
loop:true,
direction:'vertical',
infinite:1,
slidesToScroll:1,
timingFunction: 'ease',
duration: 300
}
}
},
components: {
slider
},
methods: {
// Listener event
slide (data) {
console.log(data)
},
onTap (data) {
console.log(data)
},
onInit (data) {
console.log(data)
}
}
}
浏览器支持
现代浏览器及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
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~