toast提示封装

最新推荐文章于 2022-11-07 16:09:08 发布

单箭头→

最新推荐文章于 2022-11-07 16:09:08 发布

阅读量184

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/weixin_42498482/article/details/124124414

版权

js 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

/*
 * @Author: zhaowb
 * @Date: 2022-04-07 17:36:46
 * @LastEditTime: 2022-04-12 15:01:11
 * @LastEditors: zhaowb
 * @Description:
 */
let timer = null;
export default new class Toast {
    constructor (options = {}) {
        this.$props = options;
    }

    setDefaultOptions(options) {
        Object.assign(this.$props, options);
    }

    show(text) {
        let toastEle = document.getElementById("yccmp-m-toast");
        if (toastEle) {
            toastEle.innerHTML = text;
            toastEle.style.display = 'block';
        } else {
            toastEle = document.createElement("div");
            toastEle.id = 'yccmp-m-toast';
            toastEle.innerHTML = text;
            document.body.appendChild(toastEle);
        }

        timer = setTimeout(function() {
            clearTimeout(timer);
            toastEle.style.display = "none";
            if (this.$props && this.$props.onClose) {
                this.$props.onClose();
            }
        }, this.$props.duration || 1300);
    }

}