feat: 部署页面

xy-sea · Oct 12, 2023 · 2aed0eb · 2aed0eb
1 parent a56b9b0
commit 2aed0eb
Show file tree

Hide file tree

Showing 18 changed files with 303 additions and 57 deletions.
diff --git a/dist/index.html b/dist/index.html
@@ -1,68 +1,101 @@
-<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>web-see-demo</title><script defer="defer" src="/js/chunk-vendors.baf75802.js"></script><script defer="defer" src="/js/app.89d48078.js"></script><link href="/css/chunk-vendors.ab49d789.css" rel="stylesheet"><link href="/css/app.8a282438.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but web-see-demo doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><style>:root {
-      --loading-grey: #ededed;
-    }
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <link rel="icon" href="/favicon.ico" />
+    <title>web-see-demo</title>
+    <script defer="defer" src="/js/chunk-vendors.baf75802.js"></script>
+    <script defer="defer" src="/js/app.89d48078.js"></script>
+    <link href="/css/chunk-vendors.ab49d789.css" rel="stylesheet" />
+    <link href="/css/app.8a282438.css" rel="stylesheet" />
+  </head>
+  <body>
+    <noscript><strong>We're sorry but web-see-demo doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript
+    ><style>
+      :root {
+        --loading-grey: #ededed;
+      }
 
-    body {
-      background-color: #f6f6f6;
-      font-family: Helvetica;
-      font-size: 15px;
-      height: 100vh;
-      padding: 0 6px;
-    }
+      body {
+        background-color: #f6f6f6;
+        font-family: Helvetica;
+        font-size: 15px;
+        height: 100vh;
+        padding: 0 6px;
+      }
 
-    .skeleton {
-      background-color: #fff;
-      border-radius: 6px;
-      overflow: hidden;
-      box-shadow: 0px 4px 6px rgba(0, 0, 0, .12);
-    }
+      .skeleton {
+        background-color: #fff;
+        border-radius: 6px;
+        overflow: hidden;
+        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.12);
+      }
 
-    .header {
-      height: 200px;
-    }
+      .header {
+        height: 200px;
+      }
 
-    .content {
-      padding: 2rem 1.8rem;
-    }
+      .content {
+        padding: 2rem 1.8rem;
+      }
 
-    h4 {
-      margin: 0 0 1rem;
-      font-size: 1.5rem;
-      line-height: 1.5rem;
-    }
+      h4 {
+        margin: 0 0 1rem;
+        font-size: 1.5rem;
+        line-height: 1.5rem;
+      }
 
-    .place {
-      font-size: 1rem;
-      line-height: 1.4rem;
-    }
+      .place {
+        font-size: 1rem;
+        line-height: 1.4rem;
+      }
 
-    .loading .header,
-    .loading h4,
-    .loading .place {
-      background-color: var(--loading-grey);
-      background: linear-gradient(100deg,
-          rgba(255, 255, 255, 0) 40%,
-          rgba(255, 255, 255, .5) 50%,
-          rgba(255, 255, 255, 0) 60%) var(--loading-grey);
-      background-size: 200% 100%;
-      background-position-x: 180%;
-      animation: 1.2s loading ease-in-out infinite;
-    }
+      .loading .header,
+      .loading h4,
+      .loading .place {
+        background-color: var(--loading-grey);
+        background: linear-gradient(100deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 60%) var(--loading-grey);
+        background-size: 200% 100%;
+        background-position-x: 180%;
+        animation: 1.2s loading ease-in-out infinite;
+      }
 
-    @keyframes loading {
-      to {
-        background-position-x: -20%;
+      @keyframes loading {
+        to {
+          background-position-x: -20%;
+        }
       }
-    }
 
-    .loading h4 {
-      min-height: 1.6rem;
-      border-radius: 4px;
-      animation-delay: .05s;
-    }
+      .loading h4 {
+        min-height: 1.6rem;
+        border-radius: 4px;
+        animation-delay: 0.05s;
+      }
 
-    .loading .place {
-      min-height: 4rem;
-      border-radius: 4px;
-      animation-delay: .06s;
-    }</style><div id="app"><div class="skeleton loading"><div class="header"></div><div class="content"><h4></h4><div class="place"></div></div><div class="content"><h4></h4><div class="place"></div></div><div class="content"><h4></h4><div class="place"></div></div></div></div></body></html>
+      .loading .place {
+        min-height: 4rem;
+        border-radius: 4px;
+        animation-delay: 0.06s;
+      }
+    </style>
+    <div id="app">
+      <div class="skeleton loading">
+        <div class="header"></div>
+        <div class="content">
+          <h4></h4>
+          <div class="place"></div>
+        </div>
+        <div class="content">
+          <h4></h4>
+          <div class="place"></div>
+        </div>
+        <div class="content">
+          <h4></h4>
+          <div class="place"></div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/vue.config.js b/vue.config.js
@@ -1,7 +1,11 @@
 const { defineConfig } = require('@vue/cli-service');
 const { PerfseePlugin } = require('@perfsee/webpack')
 
+const prodDir = 'web-see-demo';
+
 module.exports = defineConfig({
+  publicPath: `/${prodDir}`,
+  outputDir: `${prodDir}`,
   devServer: {
     proxy: {
       '/getErrorList': {

diff --git a/web-see-demo/css/app.8a282438.css b/web-see-demo/css/app.8a282438.css
diff --git a/web-see-demo/css/chunk-vendors.10c346ff.css b/web-see-demo/css/chunk-vendors.10c346ff.css
diff --git a/web-see-demo/css/home.70f2975c.css b/web-see-demo/css/home.70f2975c.css
diff --git a/web-see-demo/favicon.ico b/web-see-demo/favicon.ico
diff --git a/web-see-demo/fonts/element-icons.f1a45d74.ttf b/web-see-demo/fonts/element-icons.f1a45d74.ttf
diff --git a/web-see-demo/fonts/element-icons.ff18efd1.woff b/web-see-demo/fonts/element-icons.ff18efd1.woff
diff --git a/web-see-demo/img/logo.14891075.png b/web-see-demo/img/logo.14891075.png
diff --git a/web-see-demo/index.html b/web-see-demo/index.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <link rel="icon" href="/web-see-demo/favicon.ico" />
+    <title>web-see-demo</title>
+    <script defer="defer" src="/web-see-demo/js/chunk-vendors.baf75802.js"></script>
+    <script defer="defer" src="/web-see-demo/js/app.2f90ab45.js"></script>
+    <link href="/web-see-demo/css/chunk-vendors.10c346ff.css" rel="stylesheet" />
+    <link href="/web-see-demo/css/app.8a282438.css" rel="stylesheet" />
+  </head>
+  <body>
+    <noscript><strong>We're sorry but web-see-demo doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript
+    ><style>
+      :root {
+        --loading-grey: #ededed;
+      }
+
+      body {
+        background-color: #f6f6f6;
+        font-family: Helvetica;
+        font-size: 15px;
+        height: 100vh;
+        padding: 0 6px;
+      }
+
+      .skeleton {
+        background-color: #fff;
+        border-radius: 6px;
+        overflow: hidden;
+        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.12);
+      }
+
+      .header {
+        height: 200px;
+      }
+
+      .content {
+        padding: 2rem 1.8rem;
+      }
+
+      h4 {
+        margin: 0 0 1rem;
+        font-size: 1.5rem;
+        line-height: 1.5rem;
+      }
+
+      .place {
+        font-size: 1rem;
+        line-height: 1.4rem;
+      }
+
+      .loading .header,
+      .loading h4,
+      .loading .place {
+        background-color: var(--loading-grey);
+        background: linear-gradient(100deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 60%) var(--loading-grey);
+        background-size: 200% 100%;
+        background-position-x: 180%;
+        animation: 1.2s loading ease-in-out infinite;
+      }
+
+      @keyframes loading {
+        to {
+          background-position-x: -20%;
+        }
+      }
+
+      .loading h4 {
+        min-height: 1.6rem;
+        border-radius: 4px;
+        animation-delay: 0.05s;
+      }
+
+      .loading .place {
+        min-height: 4rem;
+        border-radius: 4px;
+        animation-delay: 0.06s;
+      }
+    </style>
+    <div id="app">
+      <div class="skeleton loading">
+        <div class="header"></div>
+        <div class="content">
+          <h4></h4>
+          <div class="place"></div>
+        </div>
+        <div class="content">
+          <h4></h4>
+          <div class="place"></div>
+        </div>
+        <div class="content">
+          <h4></h4>
+          <div class="place"></div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/web-see-demo/js/about.e5cf1a09.js b/web-see-demo/js/about.e5cf1a09.js
diff --git a/web-see-demo/js/about.e5cf1a09.js.map b/web-see-demo/js/about.e5cf1a09.js.map