From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/components/ContentWrap/src/ContentWrap.vue | 36 ++++++++++++++++++++++++++++++++++++
1 files changed, 36 insertions(+), 0 deletions(-)
diff --git a/src/components/ContentWrap/src/ContentWrap.vue b/src/components/ContentWrap/src/ContentWrap.vue
new file mode 100644
index 0000000..e603596
--- /dev/null
+++ b/src/components/ContentWrap/src/ContentWrap.vue
@@ -0,0 +1,36 @@
+<script lang="ts" setup>
+import { propTypes } from '@/utils/propTypes'
+import { useDesign } from '@/hooks/web/useDesign'
+
+defineOptions({ name: 'ContentWrap' })
+
+const { getPrefixCls } = useDesign()
+
+const prefixCls = getPrefixCls('content-wrap')
+
+defineProps({
+ title: propTypes.string.def(''),
+ message: propTypes.string.def(''),
+ bodyStyle: propTypes.object.def({ padding: '10px' })
+})
+</script>
+
+<template>
+ <ElCard :body-style="bodyStyle" :class="[prefixCls, 'mb-15px']" shadow="never">
+ <template v-if="title" #header>
+ <div class="flex items-center">
+ <span class="text-16px font-700">{{ title }}</span>
+ <ElTooltip v-if="message" effect="dark" placement="right">
+ <template #content>
+ <div class="max-w-200px">{{ message }}</div>
+ </template>
+ <Icon :size="14" class="ml-5px" icon="ep:question-filled" />
+ </ElTooltip>
+ <div class="flex flex-grow pl-20px">
+ <slot name="header"></slot>
+ </div>
+ </div>
+ </template>
+ <slot></slot>
+ </ElCard>
+</template>
--
Gitblit v1.8.0