From 5d152dbd84722beeec5b2d5977333bd1e2cc6809 Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期三, 28 二月 2024 16:46:29 +0800 Subject: [PATCH] Merge branch 'master' of http://42.193.1.25:9521/r/~xiaohui/daoAnOffice --- src/components/item-wrap/item-wrap.vue | 60 ++++++++++++++++++++++++++++++++++-------------------------- 1 files changed, 34 insertions(+), 26 deletions(-) diff --git a/src/components/item-wrap/item-wrap.vue b/src/components/item-wrap/item-wrap.vue index b1e37f7..3e630a1 100644 --- a/src/components/item-wrap/item-wrap.vue +++ b/src/components/item-wrap/item-wrap.vue @@ -1,40 +1,38 @@ <script setup lang="ts"> +import BorderBox13 from "@/components/datav/border-box-13"; + const props = withDefaults( defineProps<{ // 鏍囬 - title: number | string; + title: number | string, }>(), { title: "", } ); - </script> <template> - <div class="item-wrap"> - <div class="item_title" v-if="title !== ''"> - <div class="zuo"></div> - <span class="title-inner"> {{title}} </span> - <div class="you"></div> - </div> + + <div class="item_title" v-if="title !== ''"> + <span class="title-inner"> {{ title }} </span> + </div> <div :class="title !== '' ? 'item_title_content' : 'item_title_content_def'" > - <slot></slot> - </div> - </div> + + <!-- 鍐呭鎻掓Ы --> + <slot></slot></div> + </template> <style scoped lang="scss"> -.item-wrap { - // border: red dashed 1px; - box-sizing: border-box; -} $item-title-height: 38px; -$item_title_content-height: calc(100% - 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%; @@ -44,7 +42,7 @@ position: relative; display: flex; align-items: center; - justify-content: center; + //justify-content: center; .zuo, .you { @@ -57,21 +55,31 @@ transform: rotate(180deg); } .title-inner { + margin-left: 15px; + color: #fff; font-weight: 900; letter-spacing: 2px; - background: linear-gradient( - 92deg, - #0072ff 0%, - #00eaff 48.8525390625%, - #01aaff 100% - ); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; + font-style: italic; + //background: linear-gradient( + // 92deg, + // #0072ff 0%, + // #00eaff 48.8525390625%, + // #01aaff 100% + //); + //-webkit-background-clip: text; + //-webkit-text-fill-color: transparent; } } +:deep(.dv-border-box-content) { + box-sizing: border-box; + padding: 6px 16px 0px; + } + .item_title_content { - height: $item_title_content-height; + //height: $item_title_content-height; + margin: 20px 0; + } .item_title_content_def { -- Gitblit v1.8.0