vue-marquee-bar v1.0.3

vue-menu-cascader

Vue 跑马灯组件，支持自定义内容

Live Demo

Live Demo

preview 效果预览

install 安装

npm i vue-marquee-bar --save

use 使用

全局使用：在main.js中写入下面的代码

import VueMarqueeBar from "vue-marquee-bar";
Vue.use(VueMarqueeBar);

文件中使用：

<scrpit>
    import VueMarqueeBar from "vue-marquee-bar";

    export default{
        components:{VueMarqueeBar}
    }
</script>



接下来，你就可以在页面中使用vue-marquee-bar了

```html
<template>
    <vue-marquee-bar
        :content="emoji"
        :speed="1000"
        background="transparent"
        color="#000000"
      >
        <template v-slot:content="scope">
          <div style="display: flex; align-items: baseline">
            <div style="color: #03c08d">{{ scope.data }}</div>
          </div>
        </template>
      </vue-marquee-bar>
</template>
<script>
    export default {
        data () {
            return {
                emoji: [
                    "😀",
                    "😃",
                    "😄",
                    "😁",
                    "😆",
                    "😅",
                    "😂",
                    "🤣"
                ]
        }
    }
</script>

:::

Cascader Attributes

更新日志

版本：1.0.3

Contributor: @sharpFD

时间：2021年5月13日

内容：

• feature： 初始化提交

​