Home Explore Help
Sign In
usky-park-modules
/
zhcy-web
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

接口地址更改

wangtao 2 years ago
parent
fbcd52aed2
commit
77c60f3d73
13 changed files with 734 additions and 21 deletions
Split View Show Diff Stats
  1. 1 1
      .env.development
  2. 1 1
      .env.production
  3. 10 0
      .history/.env_20220830172649.development
  4. 11 0
      .history/.env_20220830172658.production
  5. 10 0
      .history/.env_20220907171325.development
  6. 11 0
      .history/.env_20220907171332.production
  7. 11 0
      .history/.env_20220907171622.production
  8. 11 0
      .history/.env_20220907171623.production
  9. 10 0
      .history/.env_20220907171630.development
  10. 213 0
      .history/public/index_20220906155557.html
  11. 213 0
      .history/public/index_20220907170316.html
  12. 213 0
      .history/public/index_20220907171311.html
  13. 19 19
      public/index.html

+ 1 - 1
.env.development
View File 

@@ -2,7 +2,7 @@ ENV = 'development'
 
 
 # 接口地址
 
 # VUE_APP_BASE_API  = 'http://47.99.156.213:1537'
 
-VUE_APP_BASE_API  = 'http://172.16.120.49/zhcyapi/'
 
+VUE_APP_BASE_API  = 'http://172.16.120.49:8087/'
 
 #VUE_APP_WS_API = 'ws://47.99.156.213:1537'
 
 VUE_APP_WS_API = 'ws://localhost:1537'

+ 1 - 1
.env.production
View File 

@@ -4,7 +4,7 @@ ENV = 'production'
 
 # 接口地址，注意协议，如果你没有配置 ssl，需要将 https 改为 http
 
 # VUE_APP_BASE_API  = 'http://47.99.156.213:1537'
 
 #VUE_APP_BASE_API  = 'http://114.55.24.6:8081'
 
-VUE_APP_BASE_API  = 'http://172.16.120.49/zhcyapi/'
 
+VUE_APP_BASE_API  = 'http://172.16.120.49:8087/'
 
 # 如果接口是 http 形式， wss 需要改为 ws
 
 #VUE_APP_WS_API = 'ws://47.99.156.213:1537'
 
 #VUE_APP_WS_API = 'ws://114.55.24.6:8081'

+ 10 - 0
.history/.env_20220830172649.development
View File 

@@ -0,0 +1,10 @@
 
+ENV = 'development'
 
+
 
+# 接口地址
 
+# VUE_APP_BASE_API  = 'http://47.99.156.213:1537'
 
+VUE_APP_BASE_API  = 'http://172.16.120.49/zhcyapi/'
 
+#VUE_APP_WS_API = 'ws://47.99.156.213:1537'
 
+VUE_APP_WS_API = 'ws://localhost:1537'
 
+
 
+# 是否启用 babel-plugin-dynamic-import-node插件
 
+VUE_CLI_BABEL_TRANSPILE_MODULES = true

+ 11 - 0
.history/.env_20220830172658.production
View File 

@@ -0,0 +1,11 @@
 
+ENV = 'production'
 
+
 
+# 如果使用 Nginx 代理后端接口，那么此处需要改为 '/'，文件查看 Docker 部署篇，Nginx 配置
 
+# 接口地址，注意协议，如果你没有配置 ssl，需要将 https 改为 http
 
+# VUE_APP_BASE_API  = 'http://47.99.156.213:1537'
 
+#VUE_APP_BASE_API  = 'http://114.55.24.6:8081'
 
+VUE_APP_BASE_API  = 'http://172.16.120.49/zhcyapi/'
 
+# 如果接口是 http 形式， wss 需要改为 ws
 
+#VUE_APP_WS_API = 'ws://47.99.156.213:1537'
 
+#VUE_APP_WS_API = 'ws://114.55.24.6:8081'
 
+VUE_APP_WS_API = 'ws://10.21.39.5:8081'

+ 10 - 0
.history/.env_20220907171325.development
View File 

@@ -0,0 +1,10 @@
 
+ENV = 'development'
 
+
 
+# 接口地址
 
+# VUE_APP_BASE_API  = 'http://47.99.156.213:1537'
 
+VUE_APP_BASE_API  = 'http://172.16.120.49:8087/'
 
+#VUE_APP_WS_API = 'ws://47.99.156.213:1537'
 
+VUE_APP_WS_API = 'ws://localhost:1537'
 
+
 
+# 是否启用 babel-plugin-dynamic-import-node插件
 
+VUE_CLI_BABEL_TRANSPILE_MODULES = true

+ 11 - 0
.history/.env_20220907171332.production
View File 

@@ -0,0 +1,11 @@
 
+ENV = 'production'
 
+
 
+# 如果使用 Nginx 代理后端接口，那么此处需要改为 '/'，文件查看 Docker 部署篇，Nginx 配置
 
+# 接口地址，注意协议，如果你没有配置 ssl，需要将 https 改为 http
 
+# VUE_APP_BASE_API  = 'http://47.99.156.213:1537'
 
+#VUE_APP_BASE_API  = 'http://114.55.24.6:8081'
 
+VUE_APP_BASE_API  = 'http://172.16.120.49:8087/'
 
+# 如果接口是 http 形式， wss 需要改为 ws
 
+#VUE_APP_WS_API = 'ws://47.99.156.213:1537'
 
+#VUE_APP_WS_API = 'ws://114.55.24.6:8081'
 
+VUE_APP_WS_API = 'ws://10.21.39.5:8081'

+ 11 - 0
.history/.env_20220907171622.production
View File 

@@ -0,0 +1,11 @@
 
+ENV = 'production'
 
+
 
+# 如果使用 Nginx 代理后端接口，那么此处需要改为 '/'，文件查看 Docker 部署篇，Nginx 配置
 
+# 接口地址，注意协议，如果你没有配置 ssl，需要将 https 改为 http
 
+# VUE_APP_BASE_API  = 'http://47.99.156.213:1537'
 
+#VUE_APP_BASE_API  = 'http://114.55.24.6:8081'
 
+VUE_APP_BASE_API  = 'http://172.16.120.49:8087/'
 
+# 如果接口是 http 形式， wss 需要改为 ws
 
+#VUE_APP_WS_API = 'ws://47.99.156.213:1537'
 
+#VUE_APP_WS_API = 'ws://114.55.24.6:8081'
 
+VUE_APP_WS_API = 'ws://10.21.39.5:8081'

+ 11 - 0
.history/.env_20220907171623.production
View File 

@@ -0,0 +1,11 @@
 
+ENV = 'production'
 
+
 
+# 如果使用 Nginx 代理后端接口，那么此处需要改为 '/'，文件查看 Docker 部署篇，Nginx 配置
 
+# 接口地址，注意协议，如果你没有配置 ssl，需要将 https 改为 http
 
+# VUE_APP_BASE_API  = 'http://47.99.156.213:1537'
 
+#VUE_APP_BASE_API  = 'http://114.55.24.6:8081'
 
+VUE_APP_BASE_API  = 'http://172.16.120.49:8087/'
 
+# 如果接口是 http 形式， wss 需要改为 ws
 
+#VUE_APP_WS_API = 'ws://47.99.156.213:1537'
 
+#VUE_APP_WS_API = 'ws://114.55.24.6:8081'
 
+VUE_APP_WS_API = 'ws://10.21.39.5:8081'

+ 10 - 0
.history/.env_20220907171630.development
View File 

@@ -0,0 +1,10 @@
 
+ENV = 'development'
 
+
 
+# 接口地址
 
+# VUE_APP_BASE_API  = 'http://47.99.156.213:1537'
 
+VUE_APP_BASE_API  = 'http://172.16.120.49:8087/'
 
+#VUE_APP_WS_API = 'ws://47.99.156.213:1537'
 
+VUE_APP_WS_API = 'ws://localhost:1537'
 
+
 
+# 是否启用 babel-plugin-dynamic-import-node插件
 
+VUE_CLI_BABEL_TRANSPILE_MODULES = true

+ 213 - 0
.history/public/index_20220906155557.html
View File 

@@ -0,0 +1,213 @@
 
+<!DOCTYPE html>
 
+<html>
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+    <meta name="renderer" content="webkit">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 
+    <link rel="icon" href="/favicon.png">
 
+    <script src="./libs/EasyPlayer/EasyPlayer-lib.min.js"></script>
 
+    <title>
 
+        <%= webpackConfig.name %>
 
+    </title>
 
+    <style>
 
+        html,
 
+        body,
 
+        #app {
 
+            height: 100%;
 
+            margin: 0px;
 
+            padding: 0px;
 
+            /* background-color: #7171C6; */
 
+        }
 
+
 
+        .chromeframe {
 
+            margin: 0.2em 0;
 
+            background: #ccc;
 
+            color: #000;
 
+            padding: 0.2em 0;
 
+        }
 
+
 
+        #loader-wrapper {
 
+            position: fixed;
 
+            top: 0;
 
+            left: 0;
 
+            width: 100%;
 
+            height: 100%;
 
+            z-index: 999999;
 
+        }
 
+
 
+        #loader {
 
+            display: block;
 
+            position: relative;
 
+            left: 50%;
 
+            top: 50%;
 
+            width: 150px;
 
+            height: 150px;
 
+            margin: -75px 0 0 -75px;
 
+            border-radius: 50%;
 
+            border: 3px solid transparent;
 
+            border-top-color: #FFF;
 
+            -webkit-animation: spin 2s linear infinite;
 
+            -ms-animation: spin 2s linear infinite;
 
+            -moz-animation: spin 2s linear infinite;
 
+            -o-animation: spin 2s linear infinite;
 
+            animation: spin 2s linear infinite;
 
+            z-index: 1001;
 
+        }
 
+
 
+        #loader:before {
 
+            content: "";
 
+            position: absolute;
 
+            top: 5px;
 
+            left: 5px;
 
+            right: 5px;
 
+            bottom: 5px;
 
+            border-radius: 50%;
 
+            border: 3px solid transparent;
 
+            border-top-color: #FFF;
 
+            -webkit-animation: spin 3s linear infinite;
 
+            -moz-animation: spin 3s linear infinite;
 
+            -o-animation: spin 3s linear infinite;
 
+            -ms-animation: spin 3s linear infinite;
 
+            animation: spin 3s linear infinite;
 
+        }
 
+
 
+        #loader:after {
 
+            content: "";
 
+            position: absolute;
 
+            top: 15px;
 
+            left: 15px;
 
+            right: 15px;
 
+            bottom: 15px;
 
+            border-radius: 50%;
 
+            border: 3px solid transparent;
 
+            border-top-color: #FFF;
 
+            -moz-animation: spin 1.5s linear infinite;
 
+            -o-animation: spin 1.5s linear infinite;
 
+            -ms-animation: spin 1.5s linear infinite;
 
+            -webkit-animation: spin 1.5s linear infinite;
 
+            animation: spin 1.5s linear infinite;
 
+        }
 
+
 
+        @-webkit-keyframes spin {
 
+            0% {
 
+                -webkit-transform: rotate(0deg);
 
+                -ms-transform: rotate(0deg);
 
+                transform: rotate(0deg);
 
+            }
 
+            100% {
 
+                -webkit-transform: rotate(360deg);
 
+                -ms-transform: rotate(360deg);
 
+                transform: rotate(360deg);
 
+            }
 
+        }
 
+
 
+        @keyframes spin {
 
+            0% {
 
+                -webkit-transform: rotate(0deg);
 
+                -ms-transform: rotate(0deg);
 
+                transform: rotate(0deg);
 
+            }
 
+            100% {
 
+                -webkit-transform: rotate(360deg);
 
+                -ms-transform: rotate(360deg);
 
+                transform: rotate(360deg);
 
+            }
 
+        }
 
+
 
+        #loader-wrapper .loader-section {
 
+            position: fixed;
 
+            top: 0;
 
+            width: 51%;
 
+            height: 100%;
 
+            background: #7171C6;
 
+            z-index: 1000;
 
+            -webkit-transform: translateX(0);
 
+            -ms-transform: translateX(0);
 
+            transform: translateX(0);
 
+        }
 
+
 
+        #loader-wrapper .loader-section.section-left {
 
+            left: 0;
 
+        }
 
+
 
+        #loader-wrapper .loader-section.section-right {
 
+            right: 0;
 
+        }
 
+
 
+        .loaded #loader-wrapper .loader-section.section-left {
 
+            -webkit-transform: translateX(-100%);
 
+            -ms-transform: translateX(-100%);
 
+            transform: translateX(-100%);
 
+            -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
+            transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
+        }
 
+
 
+        .loaded #loader-wrapper .loader-section.section-right {
 
+            -webkit-transform: translateX(100%);
 
+            -ms-transform: translateX(100%);
 
+            transform: translateX(100%);
 
+            -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
+            transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
+        }
 
+
 
+        .loaded #loader {
 
+            opacity: 0;
 
+            -webkit-transition: all 0.3s ease-out;
 
+            transition: all 0.3s ease-out;
 
+        }
 
+
 
+        .loaded #loader-wrapper {
 
+            visibility: hidden;
 
+            -webkit-transform: translateY(-100%);
 
+            -ms-transform: translateY(-100%);
 
+            transform: translateY(-100%);
 
+            -webkit-transition: all 0.3s 1s ease-out;
 
+            transition: all 0.3s 1s ease-out;
 
+        }
 
+
 
+        .no-js #loader-wrapper {
 
+            display: none;
 
+        }
 
+
 
+        .no-js h1 {
 
+            color: #222222;
 
+        }
 
+
 
+        #loader-wrapper .load_title {
 
+            font-family: 'Open Sans';
 
+            color: #FFF;
 
+            font-size: 19px;
 
+            width: 100%;
 
+            text-align: center;
 
+            z-index: 9999999999999;
 
+            position: absolute;
 
+            top: 60%;
 
+            opacity: 1;
 
+            line-height: 30px;
 
+        }
 
+
 
+        #loader-wrapper .load_title span {
 
+            font-weight: normal;
 
+            font-style: italic;
 
+            font-size: 13px;
 
+            color: #FFF;
 
+            opacity: 0.5;
 
+        }
 
+    </style>
 
+</head>
 
+
 
+<body>
 
+    <div id="app">
 
+        <div id="loader-wrapper">
 
+            <div id="loader"></div>
 
+            <div class="loader-section section-left"></div>
 
+            <div class="loader-section section-right"></div>
 
+            <div class="load_title">正在加载系统资源，请耐心等待</div>
 
+        </div>
 
+    </div>
 
+</body>
 
+
 
+
 
+</html>

+ 213 - 0
.history/public/index_20220907170316.html
View File 

@@ -0,0 +1,213 @@
 
+<!DOCTYPE html>
 
+<html>
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+    <meta name="renderer" content="webkit">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 
+    <link rel="icon" href="/favicon.png">
 
+    <script src="./libs/EasyPlayer/EasyPlayer-lib.min.js"></script>
 
+    <title>
 
+        <%= webpackConfig.name %>
 
+    </title>
 
+    <style>
 
+        html,
 
+        body,
 
+        #app {
 
+            height: 100%;
 
+            margin: 0px;
 
+            padding: 0px;
 
+            /* background-color: #7171C6; */
 
+        }
 
+        
+        .chromeframe {
 
+            margin: 0.2em 0;
 
+            background: #ccc;
 
+            color: #000;
 
+            padding: 0.2em 0;
 
+        }
 
+        
+        #loader-wrapper {
 
+            position: fixed;
 
+            top: 0;
 
+            left: 0;
 
+            width: 100%;
 
+            height: 100%;
 
+            z-index: 999999;
 
+        }
 
+        
+        #loader {
 
+            display: block;
 
+            position: relative;
 
+            left: 50%;
 
+            top: 50%;
 
+            width: 150px;
 
+            height: 150px;
 
+            margin: -75px 0 0 -75px;
 
+            border-radius: 50%;
 
+            border: 3px solid transparent;
 
+            border-top-color: #FFF;
 
+            -webkit-animation: spin 2s linear infinite;
 
+            -ms-animation: spin 2s linear infinite;
 
+            -moz-animation: spin 2s linear infinite;
 
+            -o-animation: spin 2s linear infinite;
 
+            animation: spin 2s linear infinite;
 
+            z-index: 1001;
 
+        }
 
+        
+        #loader:before {
 
+            content: "";
 
+            position: absolute;
 
+            top: 5px;
 
+            left: 5px;
 
+            right: 5px;
 
+            bottom: 5px;
 
+            border-radius: 50%;
 
+            border: 3px solid transparent;
 
+            border-top-color: #FFF;
 
+            -webkit-animation: spin 3s linear infinite;
 
+            -moz-animation: spin 3s linear infinite;
 
+            -o-animation: spin 3s linear infinite;
 
+            -ms-animation: spin 3s linear infinite;
 
+            animation: spin 3s linear infinite;
 
+        }
 
+        
+        #loader:after {
 
+            content: "";
 
+            position: absolute;
 
+            top: 15px;
 
+            left: 15px;
 
+            right: 15px;
 
+            bottom: 15px;
 
+            border-radius: 50%;
 
+            border: 3px solid transparent;
 
+            border-top-color: #FFF;
 
+            -moz-animation: spin 1.5s linear infinite;
 
+            -o-animation: spin 1.5s linear infinite;
 
+            -ms-animation: spin 1.5s linear infinite;
 
+            -webkit-animation: spin 1.5s linear infinite;
 
+            animation: spin 1.5s linear infinite;
 
+        }
 
+        
+        @-webkit-keyframes spin {
 
+            0% {
 
+                -webkit-transform: rotate(0deg);
 
+                -ms-transform: rotate(0deg);
 
+                transform: rotate(0deg);
 
+            }
 
+            100% {
 
+                -webkit-transform: rotate(360deg);
 
+                -ms-transform: rotate(360deg);
 
+                transform: rotate(360deg);
 
+            }
 
+        }
 
+        
+        @keyframes spin {
 
+            0% {
 
+                -webkit-transform: rotate(0deg);
 
+                -ms-transform: rotate(0deg);
 
+                transform: rotate(0deg);
 
+            }
 
+            100% {
 
+                -webkit-transform: rotate(360deg);
 
+                -ms-transform: rotate(360deg);
 
+                transform: rotate(360deg);
 
+            }
 
+        }
 
+        
+        #loader-wrapper .loader-section {
 
+            position: fixed;
 
+            top: 0;
 
+            width: 51%;
 
+            height: 100%;
 
+            background: #7171C6;
 
+            z-index: 1000;
 
+            -webkit-transform: translateX(0);
 
+            -ms-transform: translateX(0);
 
+            transform: translateX(0);
 
+        }
 
+        
+        #loader-wrapper .loader-section.section-left {
 
+            left: 0;
 
+        }
 
+        
+        #loader-wrapper .loader-section.section-right {
 
+            right: 0;
 
+        }
 
+        
+        .loaded #loader-wrapper .loader-section.section-left {
 
+            -webkit-transform: translateX(-100%);
 
+            -ms-transform: translateX(-100%);
 
+            transform: translateX(-100%);
 
+            -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
+            transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
+        }
 
+        
+        .loaded #loader-wrapper .loader-section.section-right {
 
+            -webkit-transform: translateX(100%);
 
+            -ms-transform: translateX(100%);
 
+            transform: translateX(100%);
 
+            -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
+            transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
+        }
 
+        
+        .loaded #loader {
 
+            opacity: 0;
 
+            -webkit-transition: all 0.3s ease-out;
 
+            transition: all 0.3s ease-out;
 
+        }
 
+        
+        .loaded #loader-wrapper {
 
+            visibility: hidden;
 
+            -webkit-transform: translateY(-100%);
 
+            -ms-transform: translateY(-100%);
 
+            transform: translateY(-100%);
 
+            -webkit-transition: all 0.3s 1s ease-out;
 
+            transition: all 0.3s 1s ease-out;
 
+        }
 
+        
+        .no-js #loader-wrapper {
 
+            display: none;
 
+        }
 
+        
+        .no-js h1 {
 
+            color: #222222;
 
+        }
 
+        
+        #loader-wrapper .load_title {
 
+            font-family: 'Open Sans';
 
+            color: #FFF;
 
+            font-size: 19px;
 
+            width: 100%;
 
+            text-align: center;
 
+            z-index: 9999999999999;
 
+            position: absolute;
 
+            top: 60%;
 
+            opacity: 1;
 
+            line-height: 30px;
 
+        }
 
+        
+        #loader-wrapper .load_title span {
 
+            font-weight: normal;
 
+            font-style: italic;
 
+            font-size: 13px;
 
+            color: #FFF;
 
+            opacity: 0.5;
 
+        }
 
+    </style>
 
+</head>
 
+
 
+<body>
 
+    <div id="app">
 
+        <div id="loader-wrapper">
 
+            <div id="loader"></div>
 
+            <div class="loader-section section-left"></div>
 
+            <div class="loader-section section-right"></div>
 
+            <div class="load_title">正在加载系统资源，请耐心等待</div>
 
+        </div>
 
+    </div>
 
+</body>
 
+
 
+
 
+</html>

+ 213 - 0
.history/public/index_20220907171311.html
View File 

@@ -0,0 +1,213 @@
 
+<!DOCTYPE html>
 
+<html>
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+    <meta name="renderer" content="webkit">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 
+    <link rel="icon" href="/favicon.png">
 
+    <script src="./libs/EasyPlayer/EasyPlayer-lib.min.js"></script>
 
+    <title>
 
+        <%= webpackConfig.name %>
 
+    </title>
 
+    <style>
 
+        html,
 
+        body,
 
+        #app {
 
+            height: 100%;
 
+            margin: 0px;
 
+            padding: 0px;
 
+            /* background-color: #7171C6; */
 
+        }
 
+        
+        .chromeframe {
 
+            margin: 0.2em 0;
 
+            background: #ccc;
 
+            color: #000;
 
+            padding: 0.2em 0;
 
+        }
 
+        
+        #loader-wrapper {
 
+            position: fixed;
 
+            top: 0;
 
+            left: 0;
 
+            width: 100%;
 
+            height: 100%;
 
+            z-index: 999999;
 
+        }
 
+        
+        #loader {
 
+            display: block;
 
+            position: relative;
 
+            left: 50%;
 
+            top: 50%;
 
+            width: 150px;
 
+            height: 150px;
 
+            margin: -75px 0 0 -75px;
 
+            border-radius: 50%;
 
+            border: 3px solid transparent;
 
+            border-top-color: #FFF;
 
+            -webkit-animation: spin 2s linear infinite;
 
+            -ms-animation: spin 2s linear infinite;
 
+            -moz-animation: spin 2s linear infinite;
 
+            -o-animation: spin 2s linear infinite;
 
+            animation: spin 2s linear infinite;
 
+            z-index: 1001;
 
+        }
 
+        
+        #loader:before {
 
+            content: "";
 
+            position: absolute;
 
+            top: 5px;
 
+            left: 5px;
 
+            right: 5px;
 
+            bottom: 5px;
 
+            border-radius: 50%;
 
+            border: 3px solid transparent;
 
+            border-top-color: #FFF;
 
+            -webkit-animation: spin 3s linear infinite;
 
+            -moz-animation: spin 3s linear infinite;
 
+            -o-animation: spin 3s linear infinite;
 
+            -ms-animation: spin 3s linear infinite;
 
+            animation: spin 3s linear infinite;
 
+        }
 
+        
+        #loader:after {
 
+            content: "";
 
+            position: absolute;
 
+            top: 15px;
 
+            left: 15px;
 
+            right: 15px;
 
+            bottom: 15px;
 
+            border-radius: 50%;
 
+            border: 3px solid transparent;
 
+            border-top-color: #FFF;
 
+            -moz-animation: spin 1.5s linear infinite;
 
+            -o-animation: spin 1.5s linear infinite;
 
+            -ms-animation: spin 1.5s linear infinite;
 
+            -webkit-animation: spin 1.5s linear infinite;
 
+            animation: spin 1.5s linear infinite;
 
+        }
 
+        
+        @-webkit-keyframes spin {
 
+            0% {
 
+                -webkit-transform: rotate(0deg);
 
+                -ms-transform: rotate(0deg);
 
+                transform: rotate(0deg);
 
+            }
 
+            100% {
 
+                -webkit-transform: rotate(360deg);
 
+                -ms-transform: rotate(360deg);
 
+                transform: rotate(360deg);
 
+            }
 
+        }
 
+        
+        @keyframes spin {
 
+            0% {
 
+                -webkit-transform: rotate(0deg);
 
+                -ms-transform: rotate(0deg);
 
+                transform: rotate(0deg);
 
+            }
 
+            100% {
 
+                -webkit-transform: rotate(360deg);
 
+                -ms-transform: rotate(360deg);
 
+                transform: rotate(360deg);
 
+            }
 
+        }
 
+        
+        #loader-wrapper .loader-section {
 
+            position: fixed;
 
+            top: 0;
 
+            width: 51%;
 
+            height: 100%;
 
+            background: #7171C6;
 
+            z-index: 1000;
 
+            -webkit-transform: translateX(0);
 
+            -ms-transform: translateX(0);
 
+            transform: translateX(0);
 
+        }
 
+        
+        #loader-wrapper .loader-section.section-left {
 
+            left: 0;
 
+        }
 
+        
+        #loader-wrapper .loader-section.section-right {
 
+            right: 0;
 
+        }
 
+        
+        .loaded #loader-wrapper .loader-section.section-left {
 
+            -webkit-transform: translateX(-100%);
 
+            -ms-transform: translateX(-100%);
 
+            transform: translateX(-100%);
 
+            -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
+            transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
+        }
 
+        
+        .loaded #loader-wrapper .loader-section.section-right {
 
+            -webkit-transform: translateX(100%);
 
+            -ms-transform: translateX(100%);
 
+            transform: translateX(100%);
 
+            -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
+            transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
+        }
 
+        
+        .loaded #loader {
 
+            opacity: 0;
 
+            -webkit-transition: all 0.3s ease-out;
 
+            transition: all 0.3s ease-out;
 
+        }
 
+        
+        .loaded #loader-wrapper {
 
+            visibility: hidden;
 
+            -webkit-transform: translateY(-100%);
 
+            -ms-transform: translateY(-100%);
 
+            transform: translateY(-100%);
 
+            -webkit-transition: all 0.3s 1s ease-out;
 
+            transition: all 0.3s 1s ease-out;
 
+        }
 
+        
+        .no-js #loader-wrapper {
 
+            display: none;
 
+        }
 
+        
+        .no-js h1 {
 
+            color: #222222;
 
+        }
 
+        
+        #loader-wrapper .load_title {
 
+            font-family: 'Open Sans';
 
+            color: #FFF;
 
+            font-size: 19px;
 
+            width: 100%;
 
+            text-align: center;
 
+            z-index: 9999999999999;
 
+            position: absolute;
 
+            top: 60%;
 
+            opacity: 1;
 
+            line-height: 30px;
 
+        }
 
+        
+        #loader-wrapper .load_title span {
 
+            font-weight: normal;
 
+            font-style: italic;
 
+            font-size: 13px;
 
+            color: #FFF;
 
+            opacity: 0.5;
 
+        }
 
+    </style>
 
+</head>
 
+
 
+<body>
 
+    <div id="app">
 
+        <div id="loader-wrapper">
 
+            <div id="loader"></div>
 
+            <div class="loader-section section-left"></div>
 
+            <div class="loader-section section-right"></div>
 
+            <div class="load_title">正在加载系统资源，请耐心等待</div>
 
+        </div>
 
+    </div>
 
+</body>
 
+
 
+
 
+</html>

+ 19 - 19
public/index.html
View File 

@@ -20,14 +20,14 @@
 
             padding: 0px;
 
             /* background-color: #7171C6; */
 
         }
 
-
 
+        
         .chromeframe {
 
             margin: 0.2em 0;
 
             background: #ccc;
 
             color: #000;
 
             padding: 0.2em 0;
 
         }
 
-
 
+        
         #loader-wrapper {
 
             position: fixed;
 
             top: 0;
 
@@ -36,7 +36,7 @@
 
             height: 100%;
 
             z-index: 999999;
 
         }
 
-
 
+        
         #loader {
 
             display: block;
 
             position: relative;
 
@@ -55,7 +55,7 @@
 
             animation: spin 2s linear infinite;
 
             z-index: 1001;
 
         }
 
-
 
+        
         #loader:before {
 
             content: "";
 
             position: absolute;
 
@@ -72,7 +72,7 @@
 
             -ms-animation: spin 3s linear infinite;
 
             animation: spin 3s linear infinite;
 
         }
 
-
 
+        
         #loader:after {
 
             content: "";
 
             position: absolute;
 
@@ -89,7 +89,7 @@
 
             -webkit-animation: spin 1.5s linear infinite;
 
             animation: spin 1.5s linear infinite;
 
         }
 
-
 
+        
         @-webkit-keyframes spin {
 
             0% {
 
                 -webkit-transform: rotate(0deg);
 
@@ -102,7 +102,7 @@
 
                 transform: rotate(360deg);
 
             }
 
         }
 
-
 
+        
         @keyframes spin {
 
             0% {
 
                 -webkit-transform: rotate(0deg);
 
@@ -115,7 +115,7 @@
 
                 transform: rotate(360deg);
 
             }
 
         }
 
-
 
+        
         #loader-wrapper .loader-section {
 
             position: fixed;
 
             top: 0;
 
@@ -127,15 +127,15 @@
 
             -ms-transform: translateX(0);
 
             transform: translateX(0);
 
         }
 
-
 
+        
         #loader-wrapper .loader-section.section-left {
 
             left: 0;
 
         }
 
-
 
+        
         #loader-wrapper .loader-section.section-right {
 
             right: 0;
 
         }
 
-
 
+        
         .loaded #loader-wrapper .loader-section.section-left {
 
             -webkit-transform: translateX(-100%);
 
             -ms-transform: translateX(-100%);
 
@@ -143,7 +143,7 @@
 
             -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
             transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
         }
 
-
 
+        
         .loaded #loader-wrapper .loader-section.section-right {
 
             -webkit-transform: translateX(100%);
 
             -ms-transform: translateX(100%);
 
@@ -151,13 +151,13 @@
 
             -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
             transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
         }
 
-
 
+        
         .loaded #loader {
 
             opacity: 0;
 
             -webkit-transition: all 0.3s ease-out;
 
             transition: all 0.3s ease-out;
 
         }
 
-
 
+        
         .loaded #loader-wrapper {
 
             visibility: hidden;
 
             -webkit-transform: translateY(-100%);
 
@@ -166,15 +166,15 @@
 
             -webkit-transition: all 0.3s 1s ease-out;
 
             transition: all 0.3s 1s ease-out;
 
         }
 
-
 
+        
         .no-js #loader-wrapper {
 
             display: none;
 
         }
 
-
 
+        
         .no-js h1 {
 
             color: #222222;
 
         }
 
-
 
+        
         #loader-wrapper .load_title {
 
             font-family: 'Open Sans';
 
             color: #FFF;
 
@@ -187,7 +187,7 @@
 
             opacity: 1;
 
             line-height: 30px;
 
         }
 
-
 
+        
         #loader-wrapper .load_title span {
 
             font-weight: normal;
 
             font-style: italic;
 
@@ -210,4 +210,4 @@
 
 </body>
 
 
 
-</html>
 
+</html>