feat: 修复itemwrap样式问题

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
+            <slot></slot>
-    ></BorderBox13>
+        </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-height: 48px;
-$item_title_content-height: calc(100% - 38px);
+$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;