vue-mint-scroll
v1.0.4
Published
a light-weight, simple vue components with vue2.0
Downloads
21
Maintainers
Readme
vue-mint-scroll
基于 vue2.0 开发的一个轻量级、简单优雅的列表无缝滚动组件。
安装
npm i vue-mint-scroll --save
import Vue from 'vue'
import MintScroll from 'vue-mint-scroll' // 加载组件
Vue.use(MintScroll) // 安装
简单使用
<template>
<div class="container">
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-4">
<h2>vue-mint-scroll with vue2.0.x</h2>
<div class="box">
<h4>文章列表</h4>
<mint-scroll speed="30">
<ul>
<li>要是能变成数组多好啊</li>
<li>类数组是不一定全部支持的</li>
<li>所以其后面可以直接调用数组具有的方法</li>
<li>表示数组的原型中的slice方法。注意</li>
<li>能调用call的只有方法,所以</li>
<li>参数表示真正调用slice的环境变</li>
<li>连接两个或更多的数组,并返回结果</li>
<li>删除并返回数组的第一个元素</li>
<li>从某个已有的数组返回选定的元素</li>
<li>把数组转换为字符串,并返回结果。</li>
</ul>
</mint-scroll>
</div>
</div>
<div class="col-md-4"></div>
</div>
</div>
</template>
效果图
API
|Props|类型|默认值|描述|
|:---:|:---:|:---:|:---:|
|speed|Number| 20
|滚动速度,数值越大滚动越慢。|
|height|String| 300px
| 滚动列表显示的高度|
Licence
Copyright (c) 2016 gongph