vue-baberrage制作弹幕

vue-baberrage制作弹幕

首先需要先安装插件

npm install --save vue-baberrage

在index.js中引用安装好的插件

import { vueBaberrage } from 'vue-baberrage'
Vue.use(vueBaberrage)

然后在页面中直接引用就可以了

<template>
  <div class="middle" :style="background">
    <div class="baberrage_div" >
      <div class="barrages">
        <vue-baberrage
          :isShow="barrageIsShow"
          :barrageList="barrageList"
          :maxWordCount="maxWordCount"
          :throttleGap="throttleGap"
          :loop="barrageLoop"
          :boxHeight="boxHeight"
          :messageHeight="messageHeight"
          :lanesCount="lanesCount"
           :channels="channels"
        >
        </vue-baberrage>
      </div>