<template>
  <div class="demo-alert-center">
    <ui-alert
      title="成功提示的文案"
      type="success"
      center
      show-icon>
    </ui-alert>
    <ui-alert
      title="消息提示的文案"
      type="info"
      center
      show-icon>
    </ui-alert>
    <ui-alert
      title="警告提示的文案"
      type="warning"
      center>
    </ui-alert>
    <ui-alert
      title="错误提示的文案"
      type="error"
      center>
    </ui-alert>
  </div>
</template>
<script>
import { Alert } from "amumu-ui"
export default {
  components: {
    "ui-alert": Alert,
  },
}
</script>
<style lang="scss">
.demo-alert-center {
  .mm-alert {
    margin-bottom: 10px;
  }
}
</style>
