perf(card): 扩展 插槽 用法, 新增 title 属性

src/module/card/index.vue

@@ -1,12 +1,23 @@
 <template>
   <div class="layui-card">
-    <div class="layui-card-header">
-      <slot name="header" />
+    <div class="layui-card-header" v-if="slot.header || title">
+      <slot name="header" v-if="slot.header" />
+      <span v-else>{{ title }}</span>
     </div>
     <div class="layui-card-body">
-      <slot name="body" />
+      <slot name="body" v-if="slot.body" />
+      <slot v-else></slot>
     </div>
   </div>
 </template>
 
-<script setup name="LayCard" lang="ts"></script>
+<script setup name="LayCard" lang="ts">
+import { useSlots } from 'vue'
+
+const slot = useSlots()
+
+const props =
+  defineProps<{
+    title?: string
+  }>()
+</script>