<template>
  <div class="ht-base-message-background-demo">
    <ht-base-button @click="background('info')">显示普通提示</ht-base-button>
    <ht-base-button @click="background('success')">显示成功提示</ht-base-button>
    <ht-base-button @click="background('warning')">显示警告提示</ht-base-button>
    <ht-base-button @click="background('error')">显示错误提示</ht-base-button>
  </div>
</template>

<script>
export default {
  name: "HtBaseMessageBackgroundDemo",
  methods: {
    background(type) {
      this.$Message[type]({
        background: true,
        content: "这是一条带背景色的通知",
      });
    },
  },
};
</script>
<style lang="less">
.ht-base-message-background-demo {
}
</style>

