fix

src/views/Upgrade.vue

@@ -0,0 +1,81 @@
+<template>
+	<div class="aida-upgradePage">
+		<div class="upgrade-content">
+			<div class="upgrade-content-icon">
+				<i class="fi fi-rr-settings"></i>
+			</div>
+			<div class="upgrade-content-wire"></div>
+			<div class="upgrade-content-text">System upgrading</div>
+		</div>
+	</div>
+</template>
+
+<script>
+import { defineComponent,h,ref} from "vue";
+export default defineComponent({
+    data(){
+        return{
+           
+        }
+   },
+   mounted(){
+    
+   },   
+   methods:{
+        
+   }
+})
+
+</script>
+<style scoped lang="less">
+.aida-upgradePage{
+	height: 100vh;
+	width: 100vw;
+	position: relative;
+	--upgradePageColor:#000;
+	.upgrade-content{
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%,-50%);
+		.upgrade-content-icon{
+			overflow: hidden;
+			margin-top: -50%;
+			// padding: 0 2rem;
+			// border-bottom: 1rem solid ;
+			i{
+				height: 50%;
+				transform: translateY(50%);
+				font-size: 50rem;
+				display: flex;
+				animation: rotate 7s infinite linear;
+				color: var(--upgradePageColor);
+				@keyframes rotate {
+					from{
+						transform: translateY(50%) rotate(0deg);
+					}
+					to{
+						transform: translateY(50%) rotate(360deg);
+					}
+				}
+			}
+		} 
+		.upgrade-content-wire{
+			width: 120%;
+			height: 1rem;
+			background: var(--upgradePageColor);
+			position: absolute;
+			left: 50%;
+			transform: translateX(-50%);
+			border-radius: 1rem;
+		}
+		.upgrade-content-text{
+			text-align: center;
+			margin-top: 2rem;
+			font-size: 4rem;
+			font-weight: 600;
+		}
+	}
+	
+}
+</style>