card/other/js/jqAlert.js

/* * author:wqq date:2020-03-09 */
(function($) {
  $.extend ({
    jqAlert: function(option) {
      let _this = this;
      var settings = {
        type: 'info', //info,success,warning,error
        content: '提示内容',
        autoClose: true
      };
      var $dom = $ ('.my_alert-wrapper');
      if ($dom.length === 0) {
        $ (document.body).append ('<div class="my_alert-wrapper"></div>');
      }
      $dom = $ ('.my_alert-wrapper');
      $.extend (settings, option);
      let box = $ ('<div class="my_alertBox" animation=""></div>');
      box.addClass ('my_alertBox--' + settings.type);
      let typeIcon = $ ('<i class="icon-chenggong iconfont share-i"></i>');
      typeIcon.addClass ('icon-alert-' + settings.type);
      let contentBox = $ ('<div class="my_alert-content"></div>');
      contentBox.text (settings.content);
      let closeIcon = $ ('<i class="my_alert-closebtn iconfont icon-biaoqing share-i"></i>');
      box.append (typeIcon).append (contentBox).append (closeIcon);
      $dom.append (box);
      if (settings.autoClose === true) {
        setTimeout (function() {
          box.remove ();
        }, 3 * 1000);
      }
      closeIcon.on ('click', function() {
        box.remove ();
      });
    }
  });
}) (jQuery);