区块链框架搭建完成

pull/1/head
qinzhenpen 2 years ago
parent 38c52a9265
commit c7406efe98

@ -1 +0,0 @@
custom: http://doc.ruoyi.vip/ruoyi-vue/other/donate.html

@ -11,202 +11,169 @@
<!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]--> <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
<style> <style>
html, html,
body, body {
#app { width: 100%;
height: 100%; height: 100%;
margin: 0px; margin: 0;
padding: 0px;
} }
.chromeframe { #loading-wrapper {
margin: 0.2em 0; width: 100vw;
background: #ccc; height: 100vh;
color: #000; background-color: #080915;
padding: 0.2em 0;
}
#loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
} }
#loader {
display: block;
position: relative; .loader {
left: 50%; left: 50%;
top: 50%; top: 50%;
width: 150px; margin-left: -30px;
height: 150px; margin-top: -30px;
margin: -75px 0 0 -75px; animation: stars-rotate-reverse 2s ease infinite;
border-radius: 50%; position: relative;
border: 3px solid transparent; width: 60px;
border-top-color: #FFF; height: 60px;
-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-radius: 50%;
border: 3px solid transparent; display: inline-block;
border-top-color: #FFF; vertical-align: middle;
-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 { .text{
content: ""; text-align: center;
position: absolute; position: relative;
top: 15px; top: 50%;
left: 15px; color: #fff;
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;
} }
.loader-star {
@-webkit-keyframes spin { position: absolute;
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
} }
100% { .loader-star polygon {
-webkit-transform: rotate(360deg); fill: #d500f9 !important;
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
} }
@keyframes spin { .loader .star1 {
0% { top: 0px;
-webkit-transform: rotate(0deg); right: -7px;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
} }
100% { .loader .star2 {
-webkit-transform: rotate(360deg); right: 9px;
-ms-transform: rotate(360deg); top: -12px;
transform: rotate(360deg); position: absolute;
} transform: scale(0.8);
animation: stars-catch 2s 0.1s ease infinite;
} }
.loader .star3 {
#loader-wrapper .loader-section { right: 27px;
position: fixed; top: -11px;
top: 0; position: absolute;
width: 51%; transform: scale(0.7);
height: 100%; animation: stars-catch 2s 0.15s ease infinite;
background: #7171C6;
z-index: 1000;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
} }
#loader-wrapper .loader-section.section-left { .loader .star4 {
left: 0; right: 41px;
top: -2px;
position: absolute;
transform: scale(0.6);
animation: stars-catch 2s 0.2s ease infinite;
} }
#loader-wrapper .loader-section.section-right {
right: 0;
}
.loaded #loader-wrapper .loader-section.section-left { .loader .star5 {
-webkit-transform: translateX(-100%); right: 47px;
-ms-transform: translateX(-100%); top: 10px;
transform: translateX(-100%); position: absolute;
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transform: scale(0.5);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-animation: stars-catch 2s 0.25s ease infinite;
animation: stars-catch 2s 0.25s ease infinite;
} }
.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 { .loader .star6 {
opacity: 0; right: 47px;
-webkit-transition: all 0.3s ease-out; top: 21px;
transition: all 0.3s ease-out; position: absolute;
transform: scale(0.4);
animation: stars-catch 2s 0.3s ease infinite;
} }
.loaded #loader-wrapper { @keyframes stars-catch {
visibility: hidden; 75% {
-webkit-transform: translateY(-100%); top: -2px;
-ms-transform: translateY(-100%); right: -11px;
transform: translateY(-100%); opacity: 0;
-webkit-transition: all 0.3s 1s ease-out;
transition: all 0.3s 1s ease-out;
} }
.no-js #loader-wrapper {
display: none;
} }
.no-js h1 { @keyframes stars-rotate-reverse {
color: #222222; 0% {
transform: rotate(0deg);
} }
#loader-wrapper .load_title { 100% {
font-family: 'Open Sans'; transform: rotate(360deg);
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> </style>
</head> </head>
<body> <body>
<div id="app"> <div id="app">
<div id="loader-wrapper"> <div id="loading-wrapper">
<div id="loader"></div> <div class="loader">
<div class="loader-section section-left"></div> <svg class="loader-star star1" version="1.1" xmlns="http://www.w3.org/2000/svg"
<div class="loader-section section-right"></div> xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="35px" height="35px"
<div class="load_title">正在加载系统资源,请耐心等待</div> viewBox="0 0 23.172 23.346" xml:space="preserve">
<polygon
points="11.586,0 8.864,8.9 0,8.9 7.193,14.447 4.471,23.346 11.586,17.84 18.739,23.346 16.77,14.985 23.172,8.9 14.306,8.9">
</polygon>
</svg>
<svg class="loader-star star2" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="35px" height="35px"
viewBox="0 0 23.172 23.346" xml:space="preserve">
<polygon
points="11.586,0 8.864,8.9 0,8.9 7.193,14.447 4.471,23.346 11.586,17.84 18.739,23.346 16.77,14.985 23.172,8.9 14.306,8.9">
</polygon>
</svg>
<svg class="loader-star star3" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="35px" height="35px"
viewBox="0 0 23.172 23.346" xml:space="preserve">
<polygon
points="11.586,0 8.864,8.9 0,8.9 7.193,14.447 4.471,23.346 11.586,17.84 18.739,23.346 16.77,14.985 23.172,8.9 14.306,8.9">
</polygon>
</svg>
<svg class="loader-star star4" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="35px" height="35px"
viewBox="0 0 23.172 23.346" xml:space="preserve">
<polygon
points="11.586,0 8.864,8.9 0,8.9 7.193,14.447 4.471,23.346 11.586,17.84 18.739,23.346 16.77,14.985 23.172,8.9 14.306,8.9">
</polygon>
</svg>
<svg class="loader-star star5" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="35px" height="35px"
viewBox="0 0 23.172 23.346" xml:space="preserve">
<polygon
points="11.586,0 8.864,8.9 0,8.9 7.193,14.447 4.471,23.346 11.586,17.84 18.739,23.346 16.77,14.985 23.172,8.9 14.306,8.9">
</polygon>
</svg>
<svg class="loader-star star6" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="35px" height="35px"
viewBox="0 0 23.172 23.346" xml:space="preserve">
<polygon
points="11.586,0 8.864,8.9 0,8.9 7.193,14.447 4.471,23.346 11.586,17.84 18.739,23.346 16.77,14.985 23.172,8.9 14.306,8.9">
</polygon>
</svg>
</div>
<div class="text">
玩命加载中……
</div>
</div> </div>
</div> </div>
<script type="module" src="/src/main.js"></script> <script type="module" src="/src/main.js"></script>

File diff suppressed because it is too large Load Diff

@ -31,7 +31,7 @@ export default defineConfig(({ mode, command }) => {
proxy: { proxy: {
// https://cn.vitejs.dev/config/#server-proxy // https://cn.vitejs.dev/config/#server-proxy
'/dev-api': { '/dev-api': {
target: 'http://localhost:8080', target: 'http://39.108.144.227:8888',
changeOrigin: true, changeOrigin: true,
rewrite: (p) => p.replace(/^\/dev-api/, '') rewrite: (p) => p.replace(/^\/dev-api/, '')
} }

Loading…
Cancel
Save