Get unlimited public & private packages + package-based permissions with npm Pro.Get started »

vue-simple-noticebar

1.0.2 • Public • Published

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/

Keywords

none

Install

npm i vue-simple-noticebar

DownloadsWeekly Downloads

2

Version

1.0.2

License

MIT

Unpacked Size

26.6 kB

Total Files

8

Last publish

Collaborators

  • avatar