修改iview Message样式

iView库中的Message组件提供了一种方便的方式来显示消息通知，如果你想修改其默认样式，可以采用CSS的方式进行定制。以下是步骤：

1. **在Vue项目中找到并引入主题文件**：通常在`src/styles/theme.scss`或类似文件中，iView有自己的主题变量，你需要覆盖这部分。

// src/styles/my-theme.scss 或 相应的主题文件
$iview-color-primary: your-custom-color; // 自定义primary颜色
$iview-message-font-size: your-custom-font-size; // 自定义字体大小

2. **全局应用新主题**：如果你想要全局更改Message的样式，需要在全局样式中导入并应用自定义主题。

// main.scss 或 app.vue 中
@import "my-theme";

3. **针对特定组件修改**：如果只想修改某个Message组件的样式，可以在该组件的`style`标签内添加自定义样式。

<template>
  <message :class="customClass"></message>
</template>

<style scoped>
.customClass {
  color: $iview-color-primary;
  font-size: $iview-message-font-size;
}
</style>

4. **更新组件实例**：在你的Vue组件中创建Message时，通过`:class`属性传入自定义的类名。

this.$refs.message.$emit('update:classes', 'custom-class-name');

记得在修改后进行预览和测试，确保新的样式按预期生效。