Преглед изворни кода

feat: 在用户布局页脚展示毕业设计信息

yangyi пре 2 недеља
родитељ
комит
1938ce44c8
1 измењених фајлова са 15 додато и 1 уклоњено
  1. 15 1
      src/layout/UserLayout.vue

+ 15 - 1
src/layout/UserLayout.vue

@@ -53,7 +53,7 @@
         <router-view/>
       </el-main>
 
-      <el-footer>Footer</el-footer>
+      <el-footer class="footer">广东外语外贸大学南国商学院25计算机科学与技术专升本4班黄略毕业设计-基于 Spring Cloud 的分布式在线判题系统(分布式 OJ 系统)</el-footer>
     </el-container>
   </div>
 </template>
@@ -100,6 +100,20 @@ const handleProfile = () => {
 el-main{
   flex: 1;
 }
+.footer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: auto;
+  min-height: 60px;
+  padding: 16px;
+  font-size: 13px;
+  color: var(--el-text-color-secondary);
+  text-align: center;
+  line-height: 1.6;
+  border-top: 1px solid var(--el-border-color-lighter);
+  word-break: break-word;
+}
 .header {
   display: flex;
   align-items: center;