Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/FiDA_Front

src/assets/css/style.css

@@ -29,8 +29,44 @@ body,
     transform: rotate(360deg);
   }
 }
-.background-pink {
-  background-color: #f8f7f5;
-  background-image: url('@/assets/images/home-bg.png');
-  background-size: 100% 100%;
+@keyframes opacity-in {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes z-index-10to-1 {
+  0% {
+    z-index: 10;
+  }
+  100% {
+    z-index: -1;
+  }
+}
+.flex {
+  display: flex;
+}
+.flex-center {
+  justify-content: center;
+  align-items: center;
+}
+.flex-1 {
+  flex: 1;
+}
+.flex-col {
+  flex-direction: column;
+}
+.align-center {
+  align-items: center;
+}
+.space-between {
+  justify-content: space-between;
+}
+.justify-center {
+  justify-content: center;
+}
+.relative {
+  position: relative;
 }

src/assets/css/style.less

@@ -34,41 +34,55 @@ body,
 	}
 }
 
-.background-pink {
-	background-color: rgba(248, 247, 245, 1);
-	background-image: url('@/assets/images/home-bg.png');
-	background-size: 100% 100%;
+@keyframes opacity-in {
+	0% {
+		opacity: 0;
+	}
+
+	100% {
+		opacity: 1;
+	}
 }
 
-.flex{
+@keyframes z-index-10to-1 {
+	0% {
+		z-index: 10;
+	}
+
+	100% {
+		z-index: -1;
+	}
+}
+
+.flex {
 	display: flex;
 }
 
-.flex-center{
+.flex-center {
 	justify-content: center;
 	align-items: center;
 }
 
-.flex-1{
+.flex-1 {
 	flex: 1;
 }
 
-.flex-col{
+.flex-col {
 	flex-direction: column;
 }
 
-.align-center{
+.align-center {
 	align-items: center;
 }
 
-.space-between{
+.space-between {
 	justify-content: space-between;
 }
 
-.justify-center{
+.justify-center {
 	justify-content: center;
 }
 
-.relative{
+.relative {
 	position: relative;
 }