fuguobin
1 year ago
13 changed files with 120 additions and 125 deletions
@ -1,6 +1,6 @@ |
|||
## 开发环境 |
|||
VITE_APP_ENV = 'development' |
|||
VITE_APP_TITLE = 'vue-vite-project-admin' |
|||
VITE_APP_TITLE = 'Luen Mei Intelligence' |
|||
VITE_APP_PORT = 8089 |
|||
##VITE_APP_WS_API = 'ws://localhost:9010' ## websocket地址 |
|||
VITE_APP_BASE_API = '/dev-api' ## '/dev-api'线上接口 '/mock'本地模拟数据 |
|||
|
@ -1,10 +1,10 @@ |
|||
## 生产环境 |
|||
VITE_APP_ENV = 'production' |
|||
VITE_APP_TITLE = 'vue-vite-project-admin' |
|||
VITE_APP_TITLE = 'Luen Mei Intelligence' |
|||
VITE_APP_PORT = 8089 |
|||
#VITE_APP_WS_API = 'ws://board.heatiot.cn:8001/prod-api' ## websocket地址 |
|||
#VITE_APP_BASE_API = 'http://board.heatiot.cn:8001/prod-api/' ## 线上接口 |
|||
#VITE_APP_WS_API = 'ws://${window.location.host}/ws' ## websocket地址 ws://10.10.10.56:9000/websocket/ |
|||
# VITE_APP_BASE_API = '/prod-api/' ## 正式环境 |
|||
VITE_APP_BASE_API = '/biprod-api/' ## 测试环境 |
|||
VITE_APP_BASE_API = '/prod-api/' ## 正式环境 |
|||
# VITE_APP_BASE_API = '/biprod-api/' ## 测试环境 |
|||
|
|||
|
@ -1,5 +1,5 @@ |
|||
## 模拟环境 |
|||
VITE_APP_ENV = 'staging' |
|||
VITE_APP_TITLE = 'vue-vite-project-admin' |
|||
VITE_APP_TITLE = 'Luen Mei Intelligence' |
|||
VITE_APP_PORT = 8089 |
|||
VITE_APP_BASE_API = '/mock' |
|||
|
@ -1,117 +1,117 @@ |
|||
<!DOCTYPE html> |
|||
<html> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> |
|||
<meta |
|||
name="viewport" |
|||
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" |
|||
/> |
|||
<meta name="apple-mobile-web-app-capable" content="yes" /> |
|||
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> |
|||
<meta name="format-detection" content="telphone=no, email=no" /> |
|||
<meta name="format-detection" content="telphone=no, email=no" /> |
|||
<title>联美智慧能源科技(沈阳)有限公司</title> |
|||
<link rel="icon" href="" type="image/x-icon" /> |
|||
<meta name="apple-mobile-web-app-title" content="联美智慧能源科技(沈阳)有限公司" /> |
|||
<meta name="keywords" content="联美智慧,联美智科,智慧能源,管理系统" /> |
|||
<meta name="description" content="联美智慧能源科技(沈阳)有限公司" /> |
|||
<meta name="author" content="Daniel" /> |
|||
<meta name="copyright" content="联美智慧" /> |
|||
<link rel="icon" href="/favicon.ico" type="image/x-icon" /> |
|||
<script type="module" src="/src/main.ts"></script> |
|||
<style> |
|||
:root { |
|||
--sk-size: 40px; |
|||
--sk-color: #409eff; |
|||
} |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|||
<meta name="viewport" |
|||
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"> |
|||
<meta name="apple-mobile-web-app-capable" content="yes" /> |
|||
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> |
|||
<meta name="format-detection" content="telphone=no, email=no" /> |
|||
<meta name="format-detection" content="telphone=no, email=no" /> |
|||
<title>联美运营驾驶舱管理系统</title> |
|||
<link rel="icon" href="" type="image/x-icon"> |
|||
<meta name="apple-mobile-web-app-title" content="联美运营驾驶舱管理系统"> |
|||
<meta name="keywords" content="数据大屏,管理系统"> |
|||
<meta name="description" content="联美运营驾驶舱管理系统"> |
|||
<meta name="author" content="Daniel"> |
|||
<meta name="copyright" content="Daniel"> |
|||
<link rel="icon" href="/favicon.ico" type="image/x-icon"> |
|||
<script type="module" src="/src/main.ts"></script> |
|||
<style> |
|||
:root { |
|||
--sk-size: 40px; |
|||
--sk-color: #409eff; |
|||
} |
|||
|
|||
.loading-home { |
|||
width: 100vw; |
|||
height: 100vh; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
z-index: 999999; |
|||
} |
|||
|
|||
.loading-grid { |
|||
width: var(--sk-size); |
|||
height: var(--sk-size); |
|||
} |
|||
|
|||
.loading-cube { |
|||
width: 33.33%; |
|||
height: 33.33%; |
|||
background-color: var(--sk-color); |
|||
float: left; |
|||
animation: loading-grid 1.3s infinite ease-in-out; |
|||
} |
|||
.loading-home { |
|||
width: 100vw; |
|||
height: 100vh; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
z-index: 999999; |
|||
} |
|||
|
|||
.loading-cube:nth-child(1) { |
|||
animation-delay: 0.2s; |
|||
} |
|||
.loading-grid { |
|||
width: var(--sk-size); |
|||
height: var(--sk-size); |
|||
} |
|||
|
|||
.loading-cube:nth-child(2) { |
|||
animation-delay: 0.3s; |
|||
} |
|||
.loading-cube { |
|||
width: 33.33%; |
|||
height: 33.33%; |
|||
background-color: var(--sk-color); |
|||
float: left; |
|||
animation: loading-grid 1.3s infinite ease-in-out; |
|||
} |
|||
|
|||
.loading-cube:nth-child(3) { |
|||
animation-delay: 0.4s; |
|||
} |
|||
.loading-cube:nth-child(1) { |
|||
animation-delay: 0.2s; |
|||
} |
|||
|
|||
.loading-cube:nth-child(4) { |
|||
animation-delay: 0.1s; |
|||
} |
|||
.loading-cube:nth-child(2) { |
|||
animation-delay: 0.3s; |
|||
} |
|||
|
|||
.loading-cube:nth-child(5) { |
|||
animation-delay: 0.2s; |
|||
} |
|||
.loading-cube:nth-child(3) { |
|||
animation-delay: 0.4s; |
|||
} |
|||
|
|||
.loading-cube:nth-child(6) { |
|||
animation-delay: 0.3s; |
|||
} |
|||
.loading-cube:nth-child(4) { |
|||
animation-delay: 0.1s; |
|||
} |
|||
|
|||
.loading-cube:nth-child(7) { |
|||
animation-delay: 0.0s; |
|||
} |
|||
.loading-cube:nth-child(5) { |
|||
animation-delay: 0.2s; |
|||
} |
|||
|
|||
.loading-cube:nth-child(8) { |
|||
animation-delay: 0.1s; |
|||
} |
|||
.loading-cube:nth-child(6) { |
|||
animation-delay: 0.3s; |
|||
} |
|||
|
|||
.loading-cube:nth-child(9) { |
|||
animation-delay: 0.2s; |
|||
} |
|||
.loading-cube:nth-child(7) { |
|||
animation-delay: 0s; |
|||
} |
|||
|
|||
@keyframes loading-grid { |
|||
0%, |
|||
70%, |
|||
100% { |
|||
transform: scale3D(1, 1, 1); |
|||
.loading-cube:nth-child(8) { |
|||
animation-delay: 0.1s; |
|||
} |
|||
35% { |
|||
transform: scale3D(0, 0, 1); |
|||
|
|||
.loading-cube:nth-child(9) { |
|||
animation-delay: 0.2s; |
|||
} |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<div id="app"> |
|||
<div class="loading-home"> |
|||
<div class="loading-grid"> |
|||
<div class="loading-cube"></div> |
|||
<div class="loading-cube"></div> |
|||
<div class="loading-cube"></div> |
|||
<div class="loading-cube"></div> |
|||
<div class="loading-cube"></div> |
|||
<div class="loading-cube"></div> |
|||
<div class="loading-cube"></div> |
|||
<div class="loading-cube"></div> |
|||
<div class="loading-cube"></div> |
|||
@keyframes loading-grid { |
|||
0%, |
|||
70%, |
|||
100% { |
|||
transform: scale3D(1, 1, 1); |
|||
} |
|||
35% { |
|||
transform: scale3D(0, 0, 1); |
|||
} |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<div id="app"> |
|||
<div class="loading-home"> |
|||
<div class="loading-grid"> |
|||
<div class="loading-cube"></div> |
|||
<div class="loading-cube"></div> |
|||
<div class="loading-cube"></div> |
|||
<div class="loading-cube"></div> |
|||
<div class="loading-cube"></div> |
|||
<div class="loading-cube"></div> |
|||
<div class="loading-cube"></div> |
|||
<div class="loading-cube"></div> |
|||
<div class="loading-cube"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
|
|||
</body> |
|||
</html> |
After Width: | Height: | Size: 25 KiB |
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 33 KiB |
Loading…
Reference in new issue