vue-weui-expand/src/components/toptip/toptip.js

WeUI 的轻量级 js 封装

function msg(arg){
    let {content,close,time=3}=typeof(arg)=='object'?arg:{content:arg};
    let innerHtml=`${content}`;
    let newNode = window.document.createElement("div"); 
    newNode.id=Number(Math.random().toString().substr(3,length) + Date.now()).toString(36);
    newNode.innerHTML = innerHtml;    
    newNode.className="weui-toptips weui-toptips_warn js_tooltips";
    newNode.style="display:block;";
    window.document.getElementsByTagName('body')[0].appendChild(newNode);
    if(time!=0){
            window.setTimeout(()=>{
                let doc= window.document.getElementById(newNode.id);
                if(doc){
                    window.document.getElementsByTagName('body')[0].removeChild(doc);
                }
                 if(close!=undefined){
                     close();
                 }
            },time*1000);
    }
    let onClose=function(){
        let doc= window.document.getElementById(newNode.id);
        if(doc){
            window.document.getElementsByTagName('body')[0].removeChild(doc);
        }
    }
    return {onClose};
}

function install(Vue){
    Vue.prototype.toptip={
        msg
     };
 }

export {
    install,
    msg
};