Toast(msg, durationTime) {
const duration = durationTime || 1500;
const m = document.createElement('div');
const child = document.createElement('div');
m.appendChild(child);
child.innerHTML = msg;
m.style.cssText = 'position: fixed;top: 50%;transform: translateY(-50%);z-index: 999999;width:100%;text-align: center;';
child.style.cssText = 'display: inline-block;max-width: 270px;background: #000;font-size: 16px;font-weight:500;overflow:scroll;text-align: center;border-radius: 48px;padding: 17px 24px;color: #fff;line-height: 20px;';
document.body.appendChild(m);
setTimeout(() => {
const d = 0.5;
m.style.webkitTransition = `-webkit-transform ${d}s ease-in, opacity ${d}s ease-in`;
m.style.opacity = '0';
setTimeout(() => {
document.body.removeChild(m);
}, d * 1000);
}, duration);
},
【toast轻提示】
于 2022-09-22 16:50:09 首次发布