From 36883b91c6fb1d5ede81998f1ca5846f451b4ec7 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 28 二月 2024 17:20:47 +0800
Subject: [PATCH] fix:修改高度

---
 src/components/item-wrap/item-wrap.vue |   88 ++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 81 insertions(+), 7 deletions(-)

diff --git a/src/components/item-wrap/item-wrap.vue b/src/components/item-wrap/item-wrap.vue
index d8c1dd3..3e630a1 100644
--- a/src/components/item-wrap/item-wrap.vue
+++ b/src/components/item-wrap/item-wrap.vue
@@ -1,15 +1,89 @@
-<script setup lang='ts'>
+<script setup lang="ts">
+import BorderBox13 from "@/components/datav/border-box-13";
 
+const props = withDefaults(
+  defineProps<{
+    // 鏍囬
+    title: number | string,
+  }>(),
+  {
+    title: "",
+  }
+);
 </script>
 
 <template>
-  <div class='item-wrap'>
 
-  </div>
+     <div class="item_title" v-if="title !== ''">
+       <span class="title-inner"> &nbsp;&nbsp;{{ title }}&nbsp;&nbsp; </span>
+     </div>
+    <div
+      :class="title !== '' ? 'item_title_content' : 'item_title_content_def'"
+    >
+
+    <!-- 鍐呭鎻掓Ы -->
+      <slot></slot></div>
+
 </template>
 
-<style scoped lang='scss'>
-.item-wrap{
-    border: red dashed 1px;
+<style scoped lang="scss">
+$item-title-height: 38px;
+//$item_title_content-height: calc(100% - 38px);
+
+.item_title {
+  background-image: url("@/assets/img/candantop.png") ;
+  background-repeat: no-repeat;
+  height: $item-title-height;
+  line-height: $item-title-height;
+  width: 100%;
+  color: #31abe3;
+  text-align: center;
+  // background: linear-gradient(to right, transparent, #0f0756, transparent);
+  position: relative;
+  display: flex;
+  align-items: center;
+  //justify-content: center;
+
+  .zuo,
+  .you {
+    width: 58px;
+    height: 14px;
+    background-image: url("@/assets/img/titles/zuo.png");
+  }
+
+  .you {
+    transform: rotate(180deg);
+  }
+  .title-inner {
+    margin-left: 15px;
+    color: #fff;
+    font-weight: 900;
+    letter-spacing: 2px;
+    font-style: italic;
+    //background: linear-gradient(
+    //  92deg,
+    //  #0072ff 0%,
+    //  #00eaff 48.8525390625%,
+    //  #01aaff 100%
+    //);
+    //-webkit-background-clip: text;
+    //-webkit-text-fill-color: transparent;
+  }
 }
-</style>
\ No newline at end of file
+
+:deep(.dv-border-box-content)  {
+    box-sizing: border-box;
+    padding: 6px 16px 0px;
+  }
+
+.item_title_content {
+  //height: $item_title_content-height;
+  margin: 20px 0;
+
+}
+
+.item_title_content_def {
+  width: 100%;
+  height: 100%;
+}
+</style>

--
Gitblit v1.8.0