master

分支 (1)

管理

管理

master

gk
/
index.html

<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>中国电信边缘机</title>
  <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4489548_0cg507vl8ha5.css">

   <!-- <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
  /> -->

</head>

<body>
  <div id="app"></div>
  <script>
    var EleResize = {
      _handleResize: function (e) {
        var ele = e.target || e.srcElement;
        var trigger = ele.__resizeTrigger__;
        if (trigger) {
          var handlers = trigger.__z_resizeListeners;
          if (handlers) {
            var size = handlers.length;
            for (var i = 0; i < size; i++) {
              var h = handlers[i];
              var handler = h.handler;
              var context = h.context;
              handler.apply(context, [e]);
            }
          }
        }
      },
      _removeHandler: function (ele, handler, context) {
        var handlers = ele.__z_resizeListeners;
        if (handlers) {
          var size = handlers.length;
          for (var i = 0; i < size; i++) {
            var h = handlers[i];
            if (h.handler === handler && h.context === context) {
              handlers.splice(i, 1);
              return;
            }
          }
        }
      },
      _createResizeTrigger: function (ele) {
        var obj = document.createElement("object");
        obj.setAttribute(
          "style",
          "display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden;opacity: 0; pointer-events: none; z-index: -1;"
        );
        obj.onload = EleResize._handleObjectLoad;
        obj.type = "text/html";
        ele.appendChild(obj);
        obj.data = "about:blank";
        return obj;
      },
      _handleObjectLoad: function (evt) {
        this.contentDocument.defaultView.__resizeTrigger__ =
          this.__resizeElement__;
        this.contentDocument.defaultView.addEventListener(
          "resize",
          EleResize._handleResize
        );
      },
};
if (document.attachEvent) {
      //ie9-10
      EleResize.on = function (ele, handler, context) {
        var handlers = ele.__z_resizeListeners;
        if (!handlers) {
          handlers = [];
          ele.__z_resizeListeners = handlers;
          ele.__resizeTrigger__ = ele;
          ele.attachEvent("onresize", EleResize._handleResize);
        }
        handlers.push({
          handler: handler,
          context: context,
        });
      };
      EleResize.off = function (ele, handler, context) {
        var handlers = ele.__z_resizeListeners;
        if (handlers) {
          EleResize._removeHandler(ele, handler, context);
          if (handlers.length === 0) {
            ele.detachEvent("onresize", EleResize._handleResize);
            delete ele.__z_resizeListeners;
          }
        }
      };
    } else {
      EleResize.on = function (ele, handler, context) {
        var handlers = ele.__z_resizeListeners;
        if (!handlers) {
          handlers = [];
          ele.__z_resizeListeners = handlers;

          if (getComputedStyle(ele, null).position === "static") {
            ele.style.position = "relative";
          }
          var obj = EleResize._createResizeTrigger(ele);
          ele.__resizeTrigger__ = obj;
          obj.__resizeElement__ = ele;
        }
        handlers.push({
          handler: handler,
          context: context,
        });
      };
      EleResize.off = function (ele, handler, context) {
        var handlers = ele.__z_resizeListeners;
        if (handlers) {
          EleResize._removeHandler(ele, handler, context);
          if (handlers.length === 0) {
            var trigger = ele.__resizeTrigger__;
            if (trigger) {
              trigger.contentDocument.defaultView.removeEventListener(
                "resize",
                EleResize._handleResize
              );
              ele.removeChild(trigger);
              delete ele.__resizeTrigger__;
            }
            delete ele.__z_resizeListeners;
          }
        }
      };
    }
  </script>
  <script type="module" src="/src/main.ts"></script>

</body>

</html>