save

package.json

@@ -1,6 +1,6 @@
 {
  "name": "moneynote-pc",
- "version": "1.0.89",
+ "version": "1.0.90",
  "private": true,
  "scripts": {
  "analyze": "cross-env ANALYZE=1 max build",

plugin.ts

@@ -5,6 +5,63 @@ export default (api: IApi) => {
  $('head').append([
  `<link href="/favicon.ico" rel="shortcut icon">`,
  ])
+ // loading
+ $('head').append([
+ `<style>
+ .loading {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin: 0;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -ms-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ }
+ .loader {
+ border: 16px solid #f3f3f3;
+ border-radius: 50%;
+ border-top: 16px solid blue;
+ border-right: 16px solid green;
+ border-bottom: 16px solid red;
+ border-left: 16px solid pink;
+ width: 120px;
+ height: 120px;
+ -webkit-animation: spin 2s linear infinite;
+ animation: spin 2s linear infinite;
+ }
+ @-webkit-keyframes spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ }
+ }
+ @keyframes spin {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+ }
+ </style>`,
+ ]);
+ $('body').append([
+ `<div class="loading">
+ <div class="loader"></div>
+ </div>`
+ ]);
+ $('head').append([
+ `<script>
+ window.addEventListener("load", () => {
+ let element = document.getElementsByClassName("loading");
+ element[0].parentNode.removeChild(element[0]);
+ });
+ </script>`,
+ ]);
  // 百度统计
  $('head').append([
  `<script>