# vue-rolling-notice

**Repository Path**: zixxns/vue-rolling-notice

## Basic Information

- **Project Name**: vue-rolling-notice
- **Description**: 一个vue 横向滚动公告栏 。。。。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-10-11
- **Last Updated**: 2021-10-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

一个vue 横向 滚动公告栏
 **预览：** 
![输入图片说明](https://images.gitee.com/uploads/images/2020/0624/102609_680874dc_2047281.png "WeChat96a1651097c2f1576445cb18c5bc3a16.png")

 **使用方法：** 
核心文件是本项目中 src/components/notice.vue
可以直接下载下来 

在自己项目中引用。


```
<template>
  <div class="hello">
    <notice :message="message"></notice>
  </div>
</template>

<script>
import notice from "./notice";
export default {
  components: { notice },
  name: "HelloWorld",
  data() {
    return {
      message: "vue 滚动公告栏 <span>自定义文字</span> 滚动公告栏  <span>自定义文字</span>滚动公告栏 <span>自定义文字</span> 滚动公告栏 <span>自定义文字</span>"
    };
  }
};

```

message是插件的 默认文字。喇叭图片是死的。你们可以自己换