loading.html & html

electron/config/config.default.js

@@ -29,7 +29,7 @@ module.exports = (appInfo) => {
     minWidth: 400,
     minHeight: 300,
     webPreferences: {
-      webSecurity: false,
+      //webSecurity: false,
       contextIsolation: false, // false -> 可在渲染进程中使用electron的api，true->需要bridge.js(contextBridge)
       nodeIntegration: true,
       //preload: path.join(appInfo.baseDir, 'preload', 'bridge.js'),

frontend/src/views/example/hello/Index.vue

@@ -15,15 +15,8 @@
 
 export default {
   data() {
-    return {
-      test: '',
-    };
+    return {};
   },
-  methods: {
-    test () {
-      // 
-    },
-  }
 };
 </script>
 <style scoped>

public/dist/assets/Index-630507e4.js

@@ -0,0 +1 @@
+import{_ as a,o as t,c as s,a as e}from"./index-94991f0a.js";const o={data:()=>({})},c={id:"hero"},n=[e('<h1 class="tagline" data-v-505540b8><span class="accent" data-v-505540b8>Electron-Egg</span></h1><p class="description" data-v-505540b8> A fast, desktop software development framework </p><p class="actions" data-v-505540b8><a class="setup" href="https://www.kaka996.com/" target="_blank" data-v-505540b8>Get Started</a></p>',3)];const d=a(o,[["render",function(a,e,o,d,r,p){return t(),s("section",c,n)}],["__scopeId","data-v-505540b8"]]);export{d as default};

public/dist/assets/Index-256cdac1.css → public/dist/assets/Index-812274cb.css

@@ -1 +1 @@
-section[data-v-19ff7cd7]{padding:42px 32px}#hero[data-v-19ff7cd7]{padding:150px 32px;text-align:center;height:100%}.tagline[data-v-19ff7cd7]{font-size:52px;line-height:1.25;font-weight:700;letter-spacing:-1.5px;max-width:960px;margin:0 auto}html:not(.dark) .accent[data-v-19ff7cd7],.dark .tagline[data-v-19ff7cd7]{background:-webkit-linear-gradient(315deg,#42d392 25%,#647eff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.description[data-v-19ff7cd7]{max-width:960px;line-height:1.5;color:var(--vt-c-text-2);transition:color .5s;font-size:22px;margin:24px auto 40px}.actions a[data-v-19ff7cd7]{font-size:16px;display:inline-block;background-color:var(--vt-c-bg-mute);padding:8px 18px;font-weight:500;border-radius:8px;transition:background-color .5s,color .5s;text-decoration:none}.actions .setup[data-v-19ff7cd7]{color:var(--vt-c-text-code);background:-webkit-linear-gradient(315deg,#42d392 25%,#647eff)}.actions .setup[data-v-19ff7cd7]:hover{background-color:var(--vt-c-gray-light-4);transition-duration:.2s}
+section[data-v-505540b8]{padding:42px 32px}#hero[data-v-505540b8]{padding:150px 32px;text-align:center;height:100%}.tagline[data-v-505540b8]{font-size:52px;line-height:1.25;font-weight:700;letter-spacing:-1.5px;max-width:960px;margin:0 auto}html:not(.dark) .accent[data-v-505540b8],.dark .tagline[data-v-505540b8]{background:-webkit-linear-gradient(315deg,#42d392 25%,#647eff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.description[data-v-505540b8]{max-width:960px;line-height:1.5;color:var(--vt-c-text-2);transition:color .5s;font-size:22px;margin:24px auto 40px}.actions a[data-v-505540b8]{font-size:16px;display:inline-block;background-color:var(--vt-c-bg-mute);padding:8px 18px;font-weight:500;border-radius:8px;transition:background-color .5s,color .5s;text-decoration:none}.actions .setup[data-v-505540b8]{color:var(--vt-c-text-code);background:-webkit-linear-gradient(315deg,#42d392 25%,#647eff)}.actions .setup[data-v-505540b8]:hover{background-color:var(--vt-c-gray-light-4);transition-duration:.2s}

public/dist/assets/Index-fa20481b.js

@@ -1 +0,0 @@
-import{_ as a,o as t,c as s,a as e}from"./index-05e4e2cc.js";const c={data:()=>({test:""}),methods:{test(){}}},d={id:"hero"},f=[e('<h1 class="tagline" data-v-19ff7cd7><span class="accent" data-v-19ff7cd7>Electron-Egg</span></h1><p class="description" data-v-19ff7cd7> A fast, desktop software development framework </p><p class="actions" data-v-19ff7cd7><a class="setup" href="https://www.kaka996.com/" target="_blank" data-v-19ff7cd7>Get Started</a></p>',3)];const o=a(c,[["render",function(a,e,c,o,n,r){return t(),s("section",d,f)}],["__scopeId","data-v-19ff7cd7"]]);export{o as default};

public/dist/index.html

@@ -84,7 +84,7 @@
         }
       }
     </style>
-    <script type="module" crossorigin src="./assets/index-05e4e2cc.js"></script>
+    <script type="module" crossorigin src="./assets/index-94991f0a.js"></script>
     <link rel="stylesheet" href="./assets/index-b7b2ffb7.css">
   </head>
   <body>

public/html/loading.html

@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0" />
+    <style>
+      #loadingPage {
+        background-color: #dedede;
+        font-size: 12px;
+      }
+      .base {
+        left: 50%;
+        position: absolute;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+      .desc {
+        margin: 0, 0, 20px, 0;
+      }
+      .loading,
+      .loading > div {
+        position: relative;
+        box-sizing: border-box;
+      }
+      .loading {
+        display: block;
+        font-size: 0;
+        color: #06b359;
+      }
+      .loading.la-dark {
+        color: #07C160;
+      }
+      .loading > div {
+        display: inline-block;
+        float: none;
+        background-color: currentColor;
+        border: 0 solid currentColor;
+      }
+      .loading {
+        width: 92px;
+        height: 92px;
+      }
+      .loading > div {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        background: transparent;
+        border-style: solid;
+        border-width: 2px;
+        border-radius: 100%;
+        animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
+      }
+      .loading > div:first-child {
+        position: absolute;
+        width: 92px;
+        height: 92px;
+        border-right-color: transparent;
+        border-left-color: transparent;
+      }
+      .loading > div:last-child {
+        width: 16px;
+        height: 16px;
+        border-top-color: transparent;
+        border-bottom-color: transparent;
+        animation-duration: 0.5s;
+        animation-direction: reverse;
+      }
+      @keyframes ball-clip-rotate-multiple-rotate {
+        0% {
+          transform: translate(-50%, -50%) rotate(0deg);
+        }
+
+        50% {
+          transform: translate(-50%, -50%) rotate(180deg);
+        }
+
+        100% {
+          transform: translate(-50%, -50%) rotate(360deg);
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <div id="boot">
+      <div class='base'>
+        <div class="loading">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>