Widget:Loading

   (window.RLQ = window.RLQ || []).push([["jquery"], function () {
       $(function () {
           mw.util.addCSS(`.loading-container{position:fixed;top:0px;right:0px;bottom:0px;left:0px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:rgb(255 255 255 / 1);z-index:9999;}.loading-inner{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-transform:translate(0,-.5rem) rotate(0) skewX(0) skewY(0) scaleX(.9) scaleY(.9)!important;-ms-transform:translate(0,-.5rem) rotate(0) skewX(0) skewY(0) scaleX(.9) scaleY(.9)!important;transform:translate(0,-.5rem) rotate(0) skewX(0) skewY(0) scaleX(.9) scaleY(.9)!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;}.loading-icon{position:relative;height:18rem;width:30rem;overflow:hidden;}.loading-gif{position:relative;top:0px;right:0px;bottom:0px;left:0px;z-index:50;margin-left:auto;margin-right:auto;height:100%;width:100%;-o-object-fit:contain;object-fit:contain;}.loading-progress{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;width:100%;height:50%;background:transparent;-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;}.loading-progress-text{position:relative;font-family:fantasy;font-size:5rem;color:#d7d7d7;text-transform:capitalize;border-bottom:3px solid #d7d7d7;letter-spacing:0.05em;line-height:1.2em;place-self:flex-start;}.loading-progress-text:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;color:#ffbfc5;overflow:hidden;border-bottom:3px solid #ffbfc5;-webkit-animation:loading-animate 10s linear infinite;-o-animation:loading-animate 10s linear infinite;-moz-animation:loading-animate 10s linear infinite;animation:loading-animate 10s linear infinite;}@keyframes loading-animate{0%{width:0;}100%{width:100%;}}`)

const loadingHtml = `

                       <img alt="调用图片 加载中.gif" src="https://patchwiki.biligame.com/images/dhmmr/8/89/or64dmgzube9q1j9pb7idqdqew18os8.gif" class="loading-gif" type="gif">

                       NowLoading...

`

           $(loadingHtml).prependTo($('body'))
       })
   }])

</script>