# DgMessage 消息提醒

> 基于 swiper 封装集成度更高的公告组件，实现 ApiCode（sysNotice）对接后台数据，。

::: demo 组件 Menu 使用示例

```vue
<template>
  <el-button :plain="true" @click="openSuccess">success消息提示</el-button>
  <el-button :plain="true" @click="openInfo">info消息提示</el-button>
  <br />
  <br />
  <el-button :plain="true" @click="openWarning">warning消息提示</el-button>
  <el-button :plain="true" @click="openError">error消息提示</el-button>
</template>
<script>
export default {
  name: 'drawerDemo',
  methods: {
    openSuccess() {
      this.$dgMessage.success({ message: '新增数据库失败' })
    },
    openInfo() {
      this.$dgMessage.info({ message: '新增数据库失败' })
    },
    openWarning() {
      this.$dgMessage.warning({ message: '新增数据库失败' })
    },
    openError() {
      this.$dgMessage.error({ code: 100, message: '新增数据库失败' })
    },
  },
}
</script>
```

:::
`

## API

| 属性 | 说明 | 类型 | 默认值 | 可选值 | 事例 |
| ---- | ---- | :--: | :----: | :----: | :--: |

## Events

| 事件名称 | 说明 | 回调参数 |
| -------- | ---- | :------: |

## 更新日志

#### v1.0.0（2019-12-17）

- 初始版本

#### v1.0.0（2019-03-07）

- 完善文档