update

src/views/OidcCallback.vue

 
 <template>
-  <div class="callback">{{errMessage}}</div>
+  <div>
+    <div class="header">
+      <Header :title="title" />
+    </div>
+    <div class="callback">{{errMessage}}</div>
+  </div>
 </template>
 
 <script>
@@ -17,7 +22,8 @@ export default {
   name: "OidcCallback",
   data() {
     return {
-      errMessage: "应用未授权该用户"
+      title:'登录错误',
+      errMessage: ""
     };
   },
   methods: {
@@ -71,4 +77,16 @@ export default {
       });
   }
 };
-</script>
\ No newline at end of file
+</script>
+
+<style lang="less">
+.callback {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: 200px;
+  justify-items: center;
+  align-items: center;
+  font-size: 20px;
+  font-weight: 600;
+}
+</style>
\ No newline at end of file