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/ContentDetailWrap/src/ContentDetailWrap.vue | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 58 insertions(+), 0 deletions(-)
diff --git a/src/components/ContentDetailWrap/src/ContentDetailWrap.vue b/src/components/ContentDetailWrap/src/ContentDetailWrap.vue
new file mode 100644
index 0000000..a9eacc0
--- /dev/null
+++ b/src/components/ContentDetailWrap/src/ContentDetailWrap.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { propTypes } from '@/utils/propTypes'
+import { useDesign } from '@/hooks/web/useDesign'
+
+defineOptions({ name: 'ContentDetailWrap' })
+
+const { t } = useI18n()
+
+const { getPrefixCls } = useDesign()
+
+const prefixCls = getPrefixCls('content-detail-wrap')
+
+defineProps({
+ title: propTypes.string.def(''),
+ message: propTypes.string.def('')
+})
+const emit = defineEmits(['back'])
+const offset = ref(85)
+const contentDetailWrap = ref()
+onMounted(() => {
+ offset.value = contentDetailWrap.value.getBoundingClientRect().top
+})
+</script>
+
+<template>
+ <div ref="contentDetailWrap" :class="[`${prefixCls}-container`]">
+ <Sticky :offset="offset">
+ <div
+ :class="[
+ `${prefixCls}-header`,
+ 'flex b-b-1 h-50px items-center text-center bg-white pr-10px'
+ ]"
+ >
+ <div :class="[`${prefixCls}-header__back`, 'flex pl-10px pr-10px ']">
+ <ElButton @click="emit('back')">
+ <Icon class="mr-5px" icon="ep:arrow-left" />
+ {{ t('common.back') }}
+ </ElButton>
+ </div>
+ <div :class="[`${prefixCls}-header__title`, 'flex flex-1 justify-center']">
+ <slot name="title">
+ <label class="text-16px font-700">{{ title }}</label>
+ </slot>
+ </div>
+ <div :class="[`${prefixCls}-header__right`, 'flex pl-10px pr-10px']">
+ <slot name="right"></slot>
+ </div>
+ </div>
+ </Sticky>
+ <div style="padding: var(--app-content-padding)">
+ <ElCard :class="[`${prefixCls}-body`, 'mb-20px']" shadow="never">
+ <div>
+ <slot></slot>
+ </div>
+ </ElCard>
+ </div>
+ </div>
+</template>
--
Gitblit v1.8.0