修改elementUI message默认窗口偏移量

1. 新增message.js

/*
 * @Author       : wyatt
 * @Date         : 2021-08-11 19:30:38
 * @LastEditors  : wyatt
 * @LastEditTime : 2021-08-11 19:38:30
 * @Description  : 重置element ui message样式
 */
/**防止重复点击重复弹出message弹框 */
import { Message } from "element-ui";
//定义一个新的Message方法，多传入一个offset参数
const resetMessage = (options) => {
  return Message({
    ...options,
    offset: 60,
  });
};

//重写一遍success的方法,将offset写入options
["success", "warning", "info", "error"].forEach((type) => {
  resetMessage[type] = (options) => {
    if (typeof options === "string") {
      options = {
        message: options,
        offset: 200,
      };
    }
    options.type = type;
    return Message(options);
  };
});
export const message = resetMessage;

2. main.js中引入

// element-ui 全局配置Message距离窗口顶部的偏移量（offset）
import { message } from "./utils/message.js";
Vue.prototype.$message = message;