pull/1/head
pnoker 6 years ago
parent cba6e3218e
commit 88372aced1

@ -1,12 +1,14 @@
{ {
"name": "dc3-web", "name": "dc3-web",
"author": "pnoker", "version": "3.0.0",
"private": true, "private": true,
"author": "pnoker",
"description": "IOT DC3 平台UI", "description": "IOT DC3 平台UI",
"scripts": { "scripts": {
"serve": "vue-cli-service serve", "serve": "vue-cli-service serve",
"build": "vue-cli-service build", "build": "vue-cli-service build",
"lint": "vue-cli-service lint" "lint": "vue-cli-service lint",
"analyz": "npm_config_report=true npm run build"
}, },
"dependencies": { "dependencies": {
"axios": "^0.19.1", "axios": "^0.19.1",
@ -32,6 +34,16 @@
"vue-cli-plugin-element": "^1.0.1", "vue-cli-plugin-element": "^1.0.1",
"vue-template-compiler": "^2.6.11" "vue-template-compiler": "^2.6.11"
}, },
"lint-staged": {
"*.js": [
"vue-cli-service lint",
"git add"
],
"*.vue": [
"vue-cli-service lint",
"git add"
]
},
"eslintConfig": { "eslintConfig": {
"root": true, "root": true,
"env": { "env": {
@ -42,7 +54,8 @@
"eslint:recommended" "eslint:recommended"
], ],
"rules": { "rules": {
"no-console": "off" "no-console": "off",
"no-debugger": "off"
}, },
"parserOptions": { "parserOptions": {
"parser": "babel-eslint" "parser": "babel-eslint"
@ -55,6 +68,7 @@
}, },
"browserslist": [ "browserslist": [
"> 1%", "> 1%",
"last 2 versions" "last 2 versions",
"not ie <= 8"
] ]
} }

@ -1,16 +1,92 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html>
<head> <head>
<meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
<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="telephone=no">
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>IOT | DC3</title> <title>IOT | DC3</title>
<style>
html,
body,
#app {
height: 100%;
margin: 0;
padding: 0;
}
.load_home {
background-color: #303133;
height: 100%;
display: flex;
flex-direction: column;
}
.load_home__main {
user-select: none;
width: 100%;
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.load_home__footer {
width: 100%;
flex-grow: 0;
text-align: center;
padding: 1em 0;
}
.load_home__footer > a {
font-size: 12px;
color: #ABABAB;
text-decoration: none;
}
.load_home__loading {
height: 32px;
width: 32px;
margin-bottom: 20px;
}
.load_home__title {
color: #FFF;
font-size: 14px;
margin-bottom: 10px;
}
.load_home__sub-title {
color: #ABABAB;
font-size: 12px;
}
</style>
</head> </head>
<body ondragstart="return false" onselectstart="return false"> <body ondragstart="return false" onselectstart="return false">
<noscript> <noscript>
<strong>We're sorry but dc3-web doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> <strong>很抱歉,如果没有 JavaScript 支持DC3 WEB 将不能正常工作。请启用浏览器的 JavaScript 然后继续。</strong>
</noscript> </noscript>
<div id="app"></div> <div id="app">
<div class="load_home">
<div class="load_home__main">
<img class="load_home__loading" src="./svg/loading-init.svg" alt="loading">
<div class="load_home__title">
正在加载资源
</div>
<div class="load_home__sub-title d">
初次加载资源可能需要较多时间 请耐心等待
</div>
</div>
<div class="load_home__footer">
<a href="https://github.com/pnoker/iot-dc3" target="_blank">
https://github.com/pnoker/iot-dc3 </a>
</div>
</div>
</div>
</body> </body>
</html> </html>

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" fill="white">
<path opacity=".25" d="M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4"/>
<path d="M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z">
<animateTransform attributeName="transform" type="rotate" from="0 16 16" to="360 16 16" dur="0.8s" repeatCount="indefinite" />
</path>
</svg>

After

Width:  |  Height:  |  Size: 422 B

@ -1,4 +1,5 @@
module.exports = { module.exports = {
publicPath: './', publicPath: './',
lintOnSave: true,
productionSourceMap: false productionSourceMap: false
} }
Loading…
Cancel
Save