function showTips(type,txt){ var _html = ""; if (type == "warn") { _html += '
'; _html += ''; } if (type == "error") { _html += '
'; _html += ''; } _html += ''+txt+''; _html += '
'; //必须先将_html添加到body,再设置Css样式 $("body").append(_html); //生成Css GenerateCss(); GenerateTipsAni(); } function GenerateTipsAni() { $(".p-mytips").removeClass("animation_slideInDown animation_slideOutUp").addClass("animation_slideInDown"); setTimeout(()=>{ $(".p-mytips").removeClass("animation_slideInDown").addClass("animation_slideOutUp animate__delay-1s"); },1000) setTimeout(()=>{ $(".p-mytips").remove(); },10000) } function GenerateCss(){ $(".p-mytips").css({ position: 'fixed', top: '10vh', left: '50%', transform: 'translateX(-50%)', 'min-width': '380px', padding: '16px', 'z-index': '100', 'border-radius': '4px', }); $(".p-mytips .txt").css({ 'font-size': '14px' }); $(".p-mytips .ic").css({ 'margin-right': '10px', 'font-size': '16px' }); $(".p-mytips.warn").css({ 'background-color':'#fff8e6', 'border-color':'#fff1cc', 'color':'#ffba00' }); $(".p-mytips.error").css({ 'background-color':'#ffeded', 'border-color':'#ffdbdb', 'color':'#ff4949' }); }