mini-scroll-xyl v1.0.2

vue-sliders

vue文字滚动

Build Setup

# install dependencies
npm install

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

# build for production with minification
npm run build

参数配置

texts：传入一个字符串，必选 width：元素宽度，可选（默认100px） height：元素高度，可选（默认20px） background：元素背景，可选（默认blue） fontSize： 字体大小，可选（默认16px）

实例

首先在项目的入口文件（main.js）中引入

import scroll from 'mini-scroll'
Vue.use(scroll)

然后使用该组件

<scroll :scrollData='scrollData'></scroll>

scrollData: {
        texts: '传入图片地fhdfhgfhgfh', // 传入一个字符串
        width: '100px',  // 元素宽度
        height:'30px',  // 元素高度
        color:  'yellow',  // 元素背景
        fontSize: '20px'  // 字体大小
      },

关于vue封装插件并发布到npm上的步骤可参考我的微博vue封装插件并发布到npm上

For detailed explanation on how things work, consult the docs for vue-loader.