halo-theme-butterfly
Version:
一个Halo博客主题，Butterfly
1 lines • 3.58 kB
JavaScript
(()=>{function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},n(t)}function t(n,t){for(var e=0;e<t.length;e++){var r=t[e];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(n,o(r.key),r)}}function e(n,t,e){return(t=o(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function o(t){var e=function(t,e){if("object"!=n(t)||!t)return t;var o=t[Symbol.toPrimitive];if(void 0!==o){var r=o.call(t,e||"default");if("object"!=n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==n(e)?e:e+""}var r=new(function(){return n=function n(){!function(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n),e(this,"cssText","\n .loading-container {\n display: flex;\n justify-content: center;\n align-items: center;\n width:100vw;\n height:100vh;\n }\n .dot {\n animation: rotate 1s infinite;\n height: 50px;\n width: 50px;\n }\n \n .dot:before,\n .dot:after {\n border-radius: 50%;\n content: '';\n display: block;\n height: 20px;\n width: 20px;\n }\n \n .dot:before {\n animation: ball1 1s infinite;\n background-color: #cb2025;\n box-shadow: 30px 0 0 #f8b334;\n margin-bottom: 10px;\n }\n \n .dot:after {\n animation: ball2 1s infinite;\n background-color: #00a096;\n box-shadow: 30px 0 0 #97bf0d;\n }\n \n @keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg) scale(0.8);\n -moz-transform: rotate(0deg) scale(0.8);\n }\n \n 50% {\n -webkit-transform: rotate(360deg) scale(1.2);\n -moz-transform: rotate(360deg) scale(1.2);\n }\n \n 100% {\n -webkit-transform: rotate(720deg) scale(0.8);\n -moz-transform: rotate(720deg) scale(0.8);\n }\n }\n \n @keyframes ball1 {\n 0% {\n box-shadow: 30px 0 0 #f8b334;\n }\n \n 50% {\n box-shadow: 0 0 0 #f8b334;\n margin-bottom: 0;\n -webkit-transform: translate(15px,15px);\n -moz-transform: translate(15px, 15px);\n }\n \n 100% {\n box-shadow: 30px 0 0 #f8b334;\n margin-bottom: 10px;\n }\n }\n \n @keyframes ball2 {\n 0% {\n box-shadow: 30px 0 0 #97bf0d;\n }\n \n 50% {\n box-shadow: 0 0 0 #97bf0d;\n margin-top: -20px;\n -webkit-transform: translate(15px,15px);\n -moz-transform: translate(15px, 15px);\n }\n \n 100% {\n box-shadow: 30px 0 0 #97bf0d;\n margin-top: 0;\n }\n }\n "),e(this,"style",document.createElement("style")),e(this,"container",document.createElement("div")),this.style.textContent=this.cssText,document.head.appendChild(this.style)},(o=[{key:"start",value:function(){this.container.className="loading-container",this.container.innerHTML='<div class="dot"></div>',document.body.appendChild(this.container)}},{key:"destroy",value:function(){this.container.remove(),this.style.remove(),document.body.classList.remove("loading")}}])&&t(n.prototype,o),r&&t(n,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,o,r}());r.start(),window.addEventListener("load",(function(){return r.destroy()}))})();