unique-interface/src/packages/popper/index.js

无UI组件库

/**
 * @description:
 *   温柔的提示控件， $.popper(sth) 会在页面中浮现一段文字作为提示
 */

import { createElement, removeElement } from 'src/utils/dom.js';

export default function popper(html, status, time){
    var popper = createElement('div', {class: 'ui-popper'});
    popper.classList.add('ui-popper-' + (status || 'default'));

    popper.innerHTML = html;
    document.body.appendChild(popper);
    setTimeout(function(){
        popper.classList.add('active');
    }, 100);
    setTimeout(function(){
        popper.classList.remove("active");
    }, time || 2600);
    setTimeout(function(){
        removeElement(popper);
    }, (time || 2600) + 400);
}