vue-simple-noticebar
A simple noticebar component for vue application.
Last updated 3 months ago by chance722 .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install vue-simple-noticebar 
SYNC missed versions from official npm registry.

vue-simple-noticebar

Version License Downloads

A simple noticebar component for vue application.

安装

yarn add vue-simple-noticebar

使用

import Vue from 'vue'
import NoticeBar from 'vue-simple-noticebar'

Vue.use(NoticeBar)

<NoticeBar :text="list" />

属性

  • text: 通知栏需要滚动播放的信息列表 支持传入数组或字符串
  • delay: 垂直滚动播放动画延迟时间 默认 2s
  • speed: 垂直滚动播放动画速度 默认 1 值越大 速度越快
  • rollSpeed: 水平滚动播放动画速度 默认 1 值越大 速度越快
  • effect: 垂直滚动播放动画效果 默认 ease-in-out
  • isRoll: 是否开启文字内容超过宽度执行水平滚动 默认 false
  • isRollComplete: 当且开启 isRoll 时有效,超出宽度是否全滚动 默认 true
  • isHtml: 是否以html形式插入信息 主要用于支持自定义样式 默认 false

Demo

https://chance722.github.io/vue-simple-noticebar-demo/

Current Tags

  • 1.0.2                                ...           latest (3 months ago)

3 Versions

  • 1.0.2                                ...           3 months ago
  • 1.0.1                                ...           5 months ago
  • 1.0.0                                ...           5 months ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 3
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |