全局提示 Message

对应 Arco Message：primary 对应 info，各类型都使用浅色面板与状态图标。 属性用法见 Element Plus 文档。

提示类型

点击按钮调用 ElMessage，显示可自动关闭的提示。

<script setup lang="ts">
import { ElMessage } from 'element-plus'
const types = ['primary', 'success', 'warning', 'error', 'info'] as const
</script>

<template>
  <el-button v-for="type in types" :key="type" @click="ElMessage({ type, message: 'This is a ' + type + ' message', showClose: true })">{{ type }}</el-button>
</template>

简洁提示

plain 是 Arco 没有的形态，与默认描边提示保持区别。

<script setup lang="ts">
import { ElMessage } from 'element-plus'
</script>

<template>
  <el-button @click="ElMessage({ message: 'Default message', type: 'success' })">Default</el-button>
  <el-button @click="ElMessage({ message: 'Plain message', type: 'success', plain: true })">Plain</el-button>
</template>

与 Arco 的差异

• 图标集不同；info 保留 Element Plus 灰色图标。
• plain 没有 Arco 对应项，保留无可见描边的阴影形态。