• 赚钱入口【需求资源】限时招募流量主、渠道主,站长合作;【合作模式】CPS长期分成,一次推广永久有收益。主动打款,不扣量;

Vue.js流畅的滚动动画

Vue rin, seun 1年前 (2020-06-21) 608次浏览 0个评论

Vue.js流畅的滚动动画。

Vue.js流畅的滚动动画Vue.js流畅的滚动动画

入门

npm

npm i vue-roller

Vue

import Roller from "vue-roller";

export default {
    components:{
        Roller
    }
}
...

Vue打字稿

import Roller from "vue-roller";

@Component({
	components: { Roller }
})
...

Roller

文字(必填)

<Roller text="1234">

显示文字。

过渡

<Roller transition="1">

设置动画完成的时间(以秒为单位)。0.5默认。

isNumberFormat

<Roller isNumberFormat="true">

true如果要将逗号显示为千位分隔符,则可以设置为。false默认。

字符列表

<Roller :charList="['a', 'b', 'c']">

设置用于动画的字符列表。

默认: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]

defaultChar

<Roller defaultChar="0">

设置在动画实际开始之前首次加载页面时显示的文本。""默认。

喜欢 (0)

您必须 登录 才能发表评论!