Skip to content

wg5945/vue-marquee-tips

Folders and files

NameName
Last commit message
Last commit date

Latest commit

author
wan gang
Jul 6, 2020
70e0669 · Jul 6, 2020

History

28 Commits
May 26, 2017
May 25, 2017
Jul 6, 2020
May 25, 2017
May 25, 2017
May 25, 2017
May 25, 2017
May 25, 2017
May 26, 2017
May 25, 2017
May 26, 2017
May 27, 2017
May 25, 2017
May 25, 2017
May 25, 2017
Jul 6, 2020
May 25, 2017

Repository files navigation

npm npm

vue-marquee-tips

A Vue component to marquee

Demo


online demo >>

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

Usage

NPM

npm install vue-marquee-tips --save-dev
import MarqueeTips from 'vue-marquee-tips'
export default {
  components: {
    MarqueeTips
  }
}
<MarqueeTips content="我是一个短短的提示!"></MarqueeTips>
<MarqueeTips content="我是一个比较长的提示!拉吧拉吧拉吧拉吧拉吧拉吧拉吧拉吧拉吧拉吧拉吧拉吧~~~~" style="color: red" :speed="3"></MarqueeTips>
<MarqueeTips content="加大字体提示:BigBigBigBig" style="font-size: 30px" font="30px sans-serif"></MarqueeTips>
             
<div style="width: 200px;margin: 0 auto;background-color: orange;">
  <MarqueeTips content="容器内提示:22222222222222222" :speed="3"></MarqueeTips>
  <MarqueeTips content="容器内提示:1111"></MarqueeTips>
</div>

Options

Name Type Default Description
content String undefined tooltips's content
font String 16px sans-serif tooltips's font
speed Number 5 animation-duration

License

MIT