From a7a2e5e2e843e2beb73949b8fd64e31be1a5dd21 Mon Sep 17 00:00:00 2001
From: LCJ-MinYa <1049468118@qq.com>
Date: Mon, 20 Jan 2025 10:25:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E5=A4=8Ditemwrap=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/item-wrap/item-wrap.vue | 41 ++++++++++---------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/src/views/screen/components/common/item-wrap/item-wrap.vue b/src/views/screen/components/common/item-wrap/item-wrap.vue
index 04e94f3..2be55ce 100644
--- a/src/views/screen/components/common/item-wrap/item-wrap.vue
+++ b/src/views/screen/components/common/item-wrap/item-wrap.vue
@@ -1,16 +1,3 @@
-<script setup lang="ts">
-import BorderBox13 from '../datav/border-box-13';
-const props = withDefaults(
-    defineProps<{
-        // 标题
-        title: number | string;
-    }>(),
-    {
-        title: '',
-    }
-);
-</script>
-
 <template>
     <BorderBox13>
         <div
@@ -22,15 +9,30 @@ const props = withDefaults(
             <div class="you"></div>
         </div>
         <div :class="title !== '' ? 'item_title_content' : 'item_title_content_def'">
-            <slot></slot></div
-    ></BorderBox13>
+            <slot></slot>
+        </div>
+    </BorderBox13>
 </template>
 
+<script setup lang="ts">
+import BorderBox13 from '../datav/border-box-13';
+const props = withDefaults(
+    defineProps<{
+        // 标题
+        title: number | string;
+    }>(),
+    {
+        title: '',
+    }
+);
+</script>
+
 <style scoped lang="scss">
-$item-title-height: 38px;
-$item_title_content-height: calc(100% - 38px);
+$item-title-height: 48px;
+$item_title_content-height: calc(100% - 60px);
 
 .item_title {
+    margin-top: 12px;
     height: $item-title-height;
     line-height: $item-title-height;
     width: 100%;
@@ -41,12 +43,13 @@ $item_title_content-height: calc(100% - 38px);
     display: flex;
     align-items: center;
     justify-content: center;
+    font-size: 18px;
 
     .zuo,
     .you {
         width: 58px;
         height: 14px;
-        background-image: url('@/assets/img/titles/zuo.png');
+        background-image: url('../../../img/titles/zuo.png');
     }
 
     .you {
@@ -54,7 +57,7 @@ $item_title_content-height: calc(100% - 38px);
     }
     .title-inner {
         font-weight: 900;
-        letter-spacing: 2px;
+        letter-spacing: 6px;
         background: linear-gradient(92deg, #0072ff 0%, #00eaff 48.8525390625%, #01aaff 100%);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;