45 lines
1.5 KiB
JavaScript
45 lines
1.5 KiB
JavaScript
//立即执行函数
|
||
(function (window, undefined) {
|
||
var Ygtoast = function () {
|
||
//构造函数大驼峰命名法
|
||
};
|
||
Ygtoast.prototype = {
|
||
//prototype 属性使您有能力向对象添加属性和方法。
|
||
create: function (str, duration) {
|
||
let self = this;
|
||
var toastHtml = "";
|
||
var toastText = '<div class="yg-toast-text">' + str + "</div>";
|
||
toastHtml = '<div class="yg-toast">' + toastText + "</div>";
|
||
if (document.querySelector(".yg-toast")) return; //当还没hide时禁止重复点击
|
||
document.body.insertAdjacentHTML("beforeend", toastHtml);
|
||
duration == null ? (duration = 2000) : ""; //如果toast没有加上时间，默认2000毫秒；
|
||
self.show();
|
||
setTimeout(function () {
|
||
self.hide();
|
||
}, duration);
|
||
},
|
||
show: function () {
|
||
let self = this;
|
||
document.querySelector(".yg-toast").style.display = "block";
|
||
document.querySelector(".yg-toast").style.marginTop =
|
||
"-" +
|
||
Math.round(document.querySelector(".yg-toast").offsetHeight / 2) +
|
||
"px";
|
||
if (document.querySelector(".yg-toast")) return;
|
||
},
|
||
hide: function () {
|
||
var self = this;
|
||
if (document.querySelector(".yg-toast")) {
|
||
document
|
||
.querySelector(".yg-toast")
|
||
.parentNode.removeChild(document.querySelector(".yg-toast"));
|
||
}
|
||
},
|
||
toast: function (str, duration) {
|
||
var self = this;
|
||
return self.create(str, duration);
|
||
},
|
||
};
|
||
window.Ygtoast = Ygtoast;
|
||
})(window);
|