💄 优化角色与武器信息展示

src/components/app/top-nameCard.vue

@@ -22,7 +22,7 @@
 <script lang="ts" setup>
 import { computed } from "vue";
 
-type TopNameCardProps = { data: TGApp.App.NameCard.Item; finish: boolean };
+type TopNameCardProps = { data: TGApp.App.NameCard.Item; finish?: boolean };
 type TopNameCardEmits = (e: "selected", v: TGApp.App.NameCard.Item) => void;
 
 const props = withDefaults(defineProps<TopNameCardProps>(), {

src/components/pageWiki/twc-character.vue

@@ -7,7 +7,13 @@
           <div class="twc-bi-title">
             <span>{{ data.name }}</span>
             <span>{{ data.title }}</span>
-            <span @click="toWiki()"><v-icon>mdi-link</v-icon></span>
+            <img
+              title="前往观测枢"
+              alt="observer"
+              @click="toWiki()"
+              v-if="props.item.contentId !== 0"
+              src="/platforms/mhy/observer.webp"
+            />
           </div>
           <div class="twc-bi-desc">{{ data.description }}</div>
         </div>
@@ -168,6 +174,10 @@ async function toBirth(date: string): Promise<void> {
 }
 </script>
 <style lang="css" scoped>
+:deep(.v-expansion-panel-title) {
+  background: var(--common-shadow-1);
+}
+
 .twc-box {
   display: flex;
   flex-direction: column;
@@ -194,11 +204,20 @@ async function toBirth(date: string): Promise<void> {
 
 .twc-bi-title {
   display: flex;
+  width: fit-content;
   align-items: center;
+  justify-content: center;
   color: var(--common-text-title);
-  column-gap: 10px;
+  column-gap: 8px;
   font-family: var(--font-title);
   font-size: 20px;
+
+  img {
+    width: 20px;
+    height: 20px;
+    cursor: pointer;
+    object-fit: contain;
+  }
 }
 
 .twc-bi-title :last-child {

src/components/pageWiki/twc-weapon.vue

@@ -5,7 +5,13 @@
       <div class="tww-brief-info">
         <div class="tww-brief-title">
           <span>{{ data.name }}</span>
-          <span @click="toWiki()"><v-icon>mdi-link</v-icon></span>
+          <img
+            title="前往观测枢"
+            alt="observer"
+            @click="toWiki()"
+            v-if="props.item.contentId !== 0"
+            src="/platforms/mhy/observer.webp"
+          />
         </div>
         <v-rating
           v-if="data.affix"
@@ -105,7 +111,11 @@ async function toWiki(): Promise<void> {
   await createObc(props.item.contentId, props.item.name);
 }
 </script>
-<style lang="css" scoped>
+<style lang="scss" scoped>
+:deep(.v-expansion-panel-title) {
+  background: var(--common-shadow-1);
+}
+
 .tww-box {
   display: flex;
   flex-direction: column;
@@ -126,12 +136,21 @@ async function toWiki(): Promise<void> {
 }
 
 .tww-brief-title {
+  width: fit-content;
   display: flex;
   align-items: center;
+  justify-content: center;
   color: var(--common-text-title);
-  column-gap: 10px;
+  column-gap: 8px;
   font-family: var(--font-title);
   font-size: 20px;
+
+  img {
+    width: 20px;
+    height: 20px;
+    object-fit: contain;
+    cursor: pointer;
+  }
 }
 
 .tww-brief-info :last-child {

src/components/viewPost/vp-overlay-user.vue

@@ -97,7 +97,6 @@ async function loadUser(): Promise<void> {
     return;
   }
   userInfo.value = resp;
-  console.log(userInfo.value);
 }
 
 async function loadPosts(): Promise<void> {