refactor web

2025-11-21 01:42:29 +08:00
parent 41d2103ffc
commit c7a8cdd420
2 changed files with 31 additions and 1 deletions
--- a/web/index.html
+++ b/web/index.html
@@ -4,7 +4,7 @@
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>web</title>
+    <title>ai修仙模拟器</title>
  </head>
  <body>
    <div id="app"></div>
--- a/web/src/components/layout/StatusBar.vue
+++ b/web/src/components/layout/StatusBar.vue
@@ -13,6 +13,17 @@ const store = useGameStore()
    <div class="center">
      <span class="time">{{ store.year }}年 {{ store.month }}月</span>
    </div>
+    <div class="author">
+      <span>作者：</span>
+      <a
+        class="author-link"
+        href="https://space.bilibili.com/527346837"
+        target="_blank"
+        rel="noopener"
+      >
+        肥桥今天吃什么
+      </a>
+    </div>
    <div class="right">
      <span>修士: {{ store.avatarList.length }}</span>
    </div>
@@ -30,6 +41,7 @@ const store = useGameStore()
  padding: 0 16px;
  font-size: 14px;
  z-index: 10;
+  gap: 16px;
 }

 .top-bar .title {
@@ -49,5 +61,23 @@ const store = useGameStore()
  background: #52c41a;
 }

+.author {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  white-space: nowrap;
+  color: #bbb;
+}
+
+.author-link {
+  color: #4dabf7;
+  text-decoration: none;
+}
+
+.author-link:hover {
+  color: #8bc6ff;
+  text-decoration: underline;
+}
+
 </style>