From 5f77344fa3d587f374c86db893e783cc7ad09f3f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Thu, 21 Nov 2024 09:01:48 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E8=B0=83=E6=95=B4innerIcon?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/app/t-item-box.vue | 29 +++++++++--------------------
 1 file changed, 9 insertions(+), 20 deletions(-)

diff --git a/src/components/app/t-item-box.vue b/src/components/app/t-item-box.vue
index 190e4f6a..a6c610b6 100644
--- a/src/components/app/t-item-box.vue
+++ b/src/components/app/t-item-box.vue
@@ -1,22 +1,14 @@
 <template>
   <div class="tib-box">
     <div class="tib-bg">
-      <slot name="bg">
-        <img :src="props.modelValue.bg" alt="bg" />
-      </slot>
+      <slot name="bg"><img :src="props.modelValue.bg" alt="bg" /></slot>
     </div>
     <div class="tib-icon">
-      <slot name="icon">
-        <img :src="props.modelValue.icon" alt="icon" />
-      </slot>
+      <slot name="icon"><img :src="props.modelValue.icon" alt="icon" /></slot>
     </div>
     <div class="tib-cover">
-      <div class="tib-lt">
-        <img :src="props.modelValue.lt" alt="lt" />
-      </div>
-      <div v-show="props.modelValue.rt" class="tib-rt">
-        {{ props.modelValue.rt }}
-      </div>
+      <div class="tib-lt"><img :src="props.modelValue.lt" alt="lt" /></div>
+      <div v-show="props.modelValue.rt" class="tib-rt">{{ props.modelValue.rt }}</div>
       <div class="tib-inner">
         <slot name="inner-icon">
           <img
@@ -32,13 +24,13 @@
     </div>
     <div v-if="props.modelValue.display === 'outer'" class="tib-outer">
       <slot name="outer-text">
-        <span>{{ props.modelValue.outerText }}</span>
+        <span :title="props.modelValue.innerText">{{ props.modelValue.outerText }}</span>
       </slot>
     </div>
   </div>
 </template>
 <script lang="ts" setup>
-export interface TItemBoxData {
+export type TItemBoxData = {
   bg: string;
   icon: string;
   size: string;
@@ -55,11 +47,8 @@ export interface TItemBoxData {
   outerHeight?: number;
   outerText?: string;
   innerBlur?: string;
-}
-
-interface TItemBoxProps {
-  modelValue: TItemBoxData;
-}
+};
+type TItemBoxProps = { modelValue: TItemBoxData };
 
 const props = defineProps<TItemBoxProps>();
 const size = props.modelValue.size;
@@ -179,7 +168,7 @@ const innerBlur = props.modelValue.innerBlur ?? "0";
 .tib-inner img {
   width: v-bind(sizeInner);
   height: v-bind(sizeInner);
-  margin-right: 5px;
+  padding: 1px;
 }
 
 .tib-inner span {