底部信息展示栏响应式

src/app/foot/foot.component.html

@@ -6,5 +6,3 @@
         <p>Copyright&#64; 2002-2018 School of Software</p>
     </footer>
 </div>
-
-<router-outlet></router-outlet>

src/app/foot/foot.component.scss

@@ -1,3 +1,13 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+.flex {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+p {
+  font-size: clamp(0.5rem, 0.5vw, 1.5rem);
+}

src/app/foot/foot.component.ts

@@ -1,5 +1,5 @@
-import {Component} from "@angular/core";
+import { Component } from "@angular/core";
-import {RouterOutlet} from "@angular/router";
+import { RouterOutlet } from "@angular/router";
 
 @Component({
     selector: 'app-foot',