left-scroll v1.0.5

leftScroll

安装

npm i -S left-scroll

页面引入

<template>
  <div id="app">
    <left-scroll :content="content" :ms="ms" :fontStyle="fontStyle"></left-scroll>
  </div>
</template>

<script>
import leftScroll from "left-scroll";
export default {
  name: "app",
  data() {
    return {
      content:
        "这是一段很长很长的话这是一段很长很长的话这是一段很长很长的话这是一段很长很长的话这是一段很长很长的话这是一段很长很长的话,",  // 文字（必须传  不然会报错）
      ms: 10,  // 滚动速度的时间 1 -100(默认50)
      fontStyle: {
        fontSize: "30px",  // 字体大小(默认24px)
        fontWeight: "800", // 字体加粗(默认400)
        color: "red",  // 字体颜色 (默认#000)
        width:'300px'  // 滚动区域的宽度 (默认300px)
      },
    };
  },
  components: { leftScroll },
};
</script>

<style>
</style>

单页面引用

import leftScroll from "left-scroll";

// 注册组件
components: {
    leftScroll
  }