11-10 Header 部分增加 LOGO

web/src/components/the-header.vue

 <template>
   <a-layout-header class="header">
-    <div class="logo" />
+    <div class="logo">
+      <img alt="Fairy Wiki" src="../assets/fairy-wiki.png">
+    </div>
     <a-menu
         theme="dark"
         mode="horizontal"
@@ -131,6 +133,16 @@ export default defineComponent({
 </script>
 
 <style>
+.logo {
+  width: 120px;
+  height: 31px;
+  /*background: rgba(255, 255, 255, 0.2);*/
+  /*margin: 16px 28px 16px 0;*/
+  float: left;
+  color: white;
+  font-size: 18px;
+}
+
 .login-menu {
   float: right;
   color: white;