From be12e83be7a5f80f2b0eca08df78354315adc0b9 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Thu, 29 Jun 2023 16:01:11 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=E8=A7=A3=E5=86=B3=E6=8E=A7?=
 =?UTF-8?q?=E5=88=B6=E5=8F=B0=E6=8A=A5=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .eslintrc.yml                                 |  2 ++
 src/components/userCharacter/tuc-role-box.vue | 16 ++++++++--------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/.eslintrc.yml b/.eslintrc.yml
index 18be9d0a..ed3c3468 100644
--- a/.eslintrc.yml
+++ b/.eslintrc.yml
@@ -9,6 +9,8 @@ extends:
   - plugin:prettier/recommended
 parser: vue-eslint-parser
 parserOptions:
+  extraFileExtensions:
+    - .vue
   parser: "@typescript-eslint/parser"
   project:
     - tsconfig.json
diff --git a/src/components/userCharacter/tuc-role-box.vue b/src/components/userCharacter/tuc-role-box.vue
index 757816a5..f5ef48d4 100644
--- a/src/components/userCharacter/tuc-role-box.vue
+++ b/src/components/userCharacter/tuc-role-box.vue
@@ -21,13 +21,13 @@
     <div class="tuc-rb-bottom">
       <div class="tuc-rbb-bg">
         <img
+          v-if="nameCard !== false && props.modelValue.fetter === 10"
           :src="nameCard"
           alt="nameCard"
-          v-if="nameCard !== false && props.modelValue.fetter === 10"
         />
       </div>
-      <div class="tuc-rbb-content" v-show="talents.length > 0">
-        <div v-for="talent in talents" class="tuc-rbb-talent">
+      <div v-show="talents.length > 0" class="tuc-rbb-content">
+        <div v-for="talent in talents" :key="talent.pos" class="tuc-rbb-talent">
           <img :src="talent.icon" alt="talent" />
           <span>Lv.{{ talent.level }}</span>
         </div>
@@ -64,12 +64,12 @@ const avatarBox = computed(() => {
     innerHeight: 20,
     outerText: getAvatarName(),
     outerHeight: 20,
-    display: "outer" as "outer",
+    display: <"outer">"outer",
     clickable: true,
   };
 });
 const weaponBox = computed(() => {
-  const weapon = JSON.parse(props.modelValue.weapon) as TGApp.Sqlite.Character.RoleWeapon;
+  const weapon = <TGApp.Sqlite.Character.RoleWeapon>JSON.parse(props.modelValue.weapon);
   return {
     size: "80px",
     height: "100px",
@@ -83,11 +83,11 @@ const weaponBox = computed(() => {
     innerHeight: 20,
     outerText: weapon.name,
     outerHeight: 20,
-    display: "outer" as "outer",
+    display: <"outer">"outer",
     clickable: true,
   };
 });
-const nameCard = ref(false as string | false);
+const nameCard = ref<string | false>(false);
 
 onMounted(async () => {
   if (props.modelValue.cid !== 10000005 && props.modelValue.cid !== 10000007) {
@@ -118,7 +118,7 @@ function getAvatarName() {
 // 销毁
 onUnmounted(() => {
   talents.value.map((talent) => {
-    URL.revokeObjectURL(talent.icon);
+    return URL.revokeObjectURL(talent.icon);
   });
 });
 </script>