41 lines
957 B
Vue
41 lines
957 B
Vue
<template>
|
|
<div class="flex">
|
|
<div class="box">
|
|
<div class="text-center space-y-2">
|
|
<div class="space-y-0.5">
|
|
<p class="text-lg text-black dark:text-white font-semibold mb-2">
|
|
<slot name="header"></slot>
|
|
</p>
|
|
<p class="text-gray-500 dark:text-gray-300 font-medium pb-3">
|
|
<slot name="content"></slot>
|
|
</p>
|
|
</div>
|
|
<slot name="button"></slot>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
/*
|
|
import { PropType } from 'vue'
|
|
import { OtherType, AuthInfoType, ShowInfoType } from '~/typs/cv'
|
|
import useState from '~/hooks/useState'
|
|
const props = defineProps({
|
|
data: {
|
|
type: Array as PropType<OtherType[]>,
|
|
default: [],
|
|
required: true,
|
|
},
|
|
showinfo: {
|
|
type: Object as PropType<ShowInfoType>,
|
|
default: {},
|
|
required: true,
|
|
},
|
|
authinfo: {
|
|
type: Object as PropType<AuthInfoType>,
|
|
default: { editable: false, viewchange: false },
|
|
required: true,
|
|
},
|
|
})
|
|
*/
|
|
</script> |