From a335dff6369e673f8c83c779a7561138f7074091 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Sat, 17 Jun 2023 22:16:02 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E4=BC=98=E5=8C=96=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/userCharacter/tuc-role-box.vue | 23 +++++++++++++------
 src/components/userRecord/tur-home-sub.vue    |  2 +-
 src/components/userRecord/tur-world-sub.vue   |  2 +-
 src/pages/User/Characters.vue                 |  2 +-
 4 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/src/components/userCharacter/tuc-role-box.vue b/src/components/userCharacter/tuc-role-box.vue
index abce72a4..6749cbbe 100644
--- a/src/components/userCharacter/tuc-role-box.vue
+++ b/src/components/userCharacter/tuc-role-box.vue
@@ -42,32 +42,36 @@ const props = defineProps<TucRoleBoxProps>();
 const avatarBox = computed(() => {
   return {
     size: "80px",
-    height: "80px",
+    height: "100px",
     ltSize: "30px",
     bg: `/icon/bg/${props.modelValue.star}-Star.webp`,
     icon: `/WIKI/character/icon/${props.modelValue.cid}.webp`,
     lt: `/icon/element/${props.modelValue.element}.webp`,
     rt: props.modelValue.activeConstellation.toString() || "0",
     rtSize: "20px",
-    innerText: `${getAvatarName()}`,
+    innerText: `Lv.${props.modelValue.level}`,
     innerHeight: 20,
-    display: "inner",
+    outerText: getAvatarName(),
+    outerHeight: 20,
+    display: "outer",
   };
 });
 const weaponBox = computed(() => {
   const weapon = JSON.parse(props.modelValue.weapon) as TGApp.Sqlite.Character.RoleWeapon;
   return {
     size: "80px",
-    height: "80px",
+    height: "100px",
     ltSize: "30px",
     bg: `/icon/bg/${weapon.star}-Star.webp`,
     icon: `/WIKI/weapon/icon/${weapon.id}.webp`,
     lt: `/icon/weapon/${weapon.type}.webp`,
     rt: weapon.affix.toString() || "0",
     rtSize: "20px",
-    innerText: `${weapon.name}`,
+    innerText: `Lv.${weapon.level}`,
     innerHeight: 20,
-    display: "inner",
+    outerText: weapon.name,
+    outerHeight: 20,
+    display: "outer",
   };
 });
 const nameCard = ref(false as string | false);
@@ -95,10 +99,15 @@ function showOverlay () {
 <style lang="css" scoped>
 .tuc-rb-box {
   padding: 5px;
-  box-shadow: 0 0 10px var(--common-bg-4);
   border: 1px inset var(--common-bg-4);
   border-radius: 5px;
   position: relative;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.tuc-rb-box:hover {
+  box-shadow: 0 0 10px var(--common-color-yellow);
 }
 
 .tuc-rb-top {
diff --git a/src/components/userRecord/tur-home-sub.vue b/src/components/userRecord/tur-home-sub.vue
index f8346788..5091ed67 100644
--- a/src/components/userRecord/tur-home-sub.vue
+++ b/src/components/userRecord/tur-home-sub.vue
@@ -38,7 +38,7 @@
 // vue
 import { onMounted, ref } from "vue";
 // utils
-import { saveImgLocal } from "../../utils/saveImg";
+import { saveImgLocal } from "../../utils/TGShare";
 
 interface TurHomeSubProps {
   data: TGApp.Sqlite.Record.Home;
diff --git a/src/components/userRecord/tur-world-sub.vue b/src/components/userRecord/tur-world-sub.vue
index 809600e7..0ad54389 100644
--- a/src/components/userRecord/tur-world-sub.vue
+++ b/src/components/userRecord/tur-world-sub.vue
@@ -41,7 +41,7 @@ import { onMounted, ref } from "vue";
 // tauri
 import { event } from "@tauri-apps/api";
 // utils
-import { saveImgLocal } from "../../utils/saveImg";
+import { saveImgLocal } from "../../utils/TGShare";
 
 interface TurWorldSubProps {
   theme: "default" | "dark",
diff --git a/src/pages/User/Characters.vue b/src/pages/User/Characters.vue
index a58e5550..e2315724 100644
--- a/src/pages/User/Characters.vue
+++ b/src/pages/User/Characters.vue
@@ -113,7 +113,7 @@ function getUpdateTime () {
   width: 100%;
   border-radius: 5px;
   padding: 10px;
-  box-shadow: 0 0 10px var(--common-bg);
+  box-shadow: 0 0 10px var(--common-bg-4);
 }
 
 .uc-top {