naive-ui/demo/documentation/components/alert/zhCN/closable.md

可以关掉

<n-alert title="Default 类型" type="default" closable>
  <template v-slot:icon>
    <n-icon>
      <ios-airplane />
    </n-icon>
  </template>
  Gee it's good to be back home
</n-alert>
<n-alert title="Info 类型" type="info" closable>
  Gee it's good to be back home
</n-alert>
<n-alert title="Success 类型" type="success" closable>
  Leave it till tomorrow to unpack my case
</n-alert>
<n-alert title="Warning 类型" type="warning" closable>
  Honey disconnect the phone
</n-alert>
<n-alert title="Error 类型" type="error" closable>
  I'm back in the U.S.S.R.
</n-alert>

import iosAirplane from 'naive-ui/lib/icons/ios-airplane'

export default {
  components: {
    iosAirplane
  },
  data () {
    return {
      show: true
    }
  }
}

.n-alert {
  margin-bottom: 12px;
}