From 8b56ab2d31905c3c7582296e9e0052fe02f45207 Mon Sep 17 00:00:00 2001
From: master <master@163.com>
Date: 星期五, 04 三月 2022 16:21:14 +0800
Subject: [PATCH] 添加采集设备页面
---
index.html | 314 ++++++++++++++++++++++++++--------------------------
1 files changed, 157 insertions(+), 157 deletions(-)
diff --git a/index.html b/index.html
index b5a68ee..4f30390 100644
--- a/index.html
+++ b/index.html
@@ -1,157 +1,157 @@
-<!DOCTYPE html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
- <meta name="referer" content="never" />
- <meta name="renderer" content="webkit" />
- <meta
- name="viewport"
- content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"
- />
- <title>鍗庤兘涓婃捣鐭虫礊鍙ｇ浜岀數鍘傛枡鍦轰笁缁撮噸寤�</title>
- <link rel="icon" href="favicon.ico" />
- <style>
- html,
- body,
- #app {
- height: 100%;
- }
-
- * {
- margin: 0;
- padding: 0;
- font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
- "Microsoft YaHei", "寰蒋闆呴粦", Arial, sans-serif;
- }
-
- .preload {
- display: flex;
- flex-direction: column;
- height: 100%;
- letter-spacing: 1px;
- background-color: #2f3447;
- }
-
- .preload .container {
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- width: 100%;
- user-select: none;
- flex-grow: 1;
- }
-
- .preload .name {
- font-size: 30px;
- color: #fff;
- letter-spacing: 5px;
- font-weight: bold;
- margin-bottom: 30px;
- }
-
- .preload .title {
- color: #fff;
- font-size: 14px;
- margin: 30px 0 20px 0;
- }
-
- .preload .sub-title {
- color: #ababab;
- font-size: 12px;
- }
-
- .preload .footer {
- text-align: center;
- padding: 10px 0 20px 0;
- }
-
- .preload .footer a {
- font-size: 12px;
- color: #ababab;
- text-decoration: none;
- }
-
- .preload .loading {
- height: 30px;
- width: 30px;
- border-radius: 30px;
- border: 7px solid currentColor;
- border-bottom-color: #2f3447 !important;
- position: relative;
- animation: r 1s infinite cubic-bezier(0.17, 0.67, 0.83, 0.67),
- bc 2s infinite ease-in;
- transform: rotate(0deg);
- }
-
- @keyframes r {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
- }
-
- .preload .loading::after,
- .preload .loading::before {
- content: "";
- display: inline-block;
- position: absolute;
- bottom: -2px;
- height: 7px;
- width: 7px;
- border-radius: 10px;
- background-color: currentColor;
- }
-
- .preload .loading::after {
- left: -1px;
- }
-
- .preload .loading::before {
- right: -1px;
- }
-
- @keyframes bc {
- 0% {
- color: #689cc5;
- }
-
- 25% {
- color: #b3b7e2;
- }
-
- 50% {
- color: #93dbe9;
- }
-
- 75% {
- color: #abbd81;
- }
-
- 100% {
- color: #689cc5;
- }
- }
- </style>
- </head>
- <body>
- <div id="app">
- <div class="preload">
- <div class="container">
- <p class="name">鍗庤兘鐭虫礊鍙ｇ浜岀數鍘傛枡鍦轰笁缁撮噸寤�</p>
- <div class="loading"></div>
- <p class="title">姝ｅ湪鍔犺浇璧勬簮...</p>
- <p class="sub-title">鍒濇鍔犺浇璧勬簮鍙兘闇�瑕佽緝澶氭椂闂� 璇疯�愬績绛夊緟</p>
- </div>
-
- <div class="footer">
- <a href="https://cool-js.com/" target="_blank"> https://hn.3d.com </a>
- </div>
- </div>
- </div>
- <script type="module" src="/src/main.ts"></script>
- </body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+ <meta name="referer" content="never" />
+ <meta name="renderer" content="webkit" />
+ <meta
+ name="viewport"
+ content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"
+ />
+ <title>鍗庤兘涓婃捣鐭虫礊鍙ｇ浜岀數鍘傛枡鍦轰笁缁撮噸寤�</title>
+ <link rel="icon" href="favicon.ico" />
+ <style>
+ html,
+ body,
+ #app {
+ height: 100%;
+ }
+
+ * {
+ margin: 0;
+ padding: 0;
+ font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
+ "Microsoft YaHei", "寰蒋闆呴粦", Arial, sans-serif;
+ }
+
+ .preload {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ letter-spacing: 1px;
+ background-color: #2f3447;
+ }
+
+ .preload .container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ width: 100%;
+ user-select: none;
+ flex-grow: 1;
+ }
+
+ .preload .name {
+ font-size: 30px;
+ color: #fff;
+ letter-spacing: 5px;
+ font-weight: bold;
+ margin-bottom: 30px;
+ }
+
+ .preload .title {
+ color: #fff;
+ font-size: 14px;
+ margin: 30px 0 20px 0;
+ }
+
+ .preload .sub-title {
+ color: #ababab;
+ font-size: 12px;
+ }
+
+ .preload .footer {
+ text-align: center;
+ padding: 10px 0 20px 0;
+ }
+
+ .preload .footer a {
+ font-size: 12px;
+ color: #ababab;
+ text-decoration: none;
+ }
+
+ .preload .loading {
+ height: 30px;
+ width: 30px;
+ border-radius: 30px;
+ border: 7px solid currentColor;
+ border-bottom-color: #2f3447 !important;
+ position: relative;
+ animation: r 1s infinite cubic-bezier(0.17, 0.67, 0.83, 0.67),
+ bc 2s infinite ease-in;
+ transform: rotate(0deg);
+ }
+
+ @keyframes r {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+ }
+
+ .preload .loading::after,
+ .preload .loading::before {
+ content: "";
+ display: inline-block;
+ position: absolute;
+ bottom: -2px;
+ height: 7px;
+ width: 7px;
+ border-radius: 10px;
+ background-color: currentColor;
+ }
+
+ .preload .loading::after {
+ left: -1px;
+ }
+
+ .preload .loading::before {
+ right: -1px;
+ }
+
+ @keyframes bc {
+ 0% {
+ color: #689cc5;
+ }
+
+ 25% {
+ color: #b3b7e2;
+ }
+
+ 50% {
+ color: #93dbe9;
+ }
+
+ 75% {
+ color: #abbd81;
+ }
+
+ 100% {
+ color: #689cc5;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <div id="app">
+ <div class="preload">
+ <div class="container">
+ <p class="name">鍗庤兘鐭虫礊鍙ｇ浜岀數鍘傛枡鍦轰笁缁撮噸寤�</p>
+ <div class="loading"></div>
+ <p class="title">姝ｅ湪鍔犺浇璧勬簮...</p>
+ <p class="sub-title">鍒濇鍔犺浇璧勬簮鍙兘闇�瑕佽緝澶氭椂闂� 璇疯�愬績绛夊緟</p>
+ </div>
+
+ <div class="footer">
+ <a href="https://cool-js.com/" target="_blank"> https://hn.3d.com </a>
+ </div>
+ </div>
+ </div>
+ <script type="module" src="/src/main.ts"></script>
+ </body>
+</html>
--
Gitblit v1.9.1