对 antd 组件库的 message 进行二次封装 让他不再满屏重复

1.开始封装吧 

import { message } from "antd";

export default class ShowMessage {
    static success(options,ss = 2) {
        this.message('success', options,ss)
    }

    static warning(options,ss = 2) {
        this.message('warning', options,ss)
    }

    static info(options,ss = 2) {
        this.message('info', options,ss)
    }

    static error(options,ss = 2) {
        this.message('error', options,ss)
    }

    static message(type, options,ss = 2) {
        const messageDom = document.getElementsByClassName('ant-message')[0]
        // console.log(messageDom,'a');
        if (messageDom === undefined) {
            message[type](options,ss)
        } else {
            // message.closeAll()
            message.destroy()
            message[type](options,ss)
        }
    }
}

2.引入 并 应用

import $message from '@/utils/resetMessege'
-------- xxxxxxxxx ---------
$message.error(xxx ?? "获取失败",2);