修复 src 结构

src/component/card/index.less

@@ -0,0 +1,41 @@
+.layui-card {
+  margin-bottom: 15px;
+  border-radius: 2px;
+  background-color: #fff;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.layui-card:last-child {
+  margin-bottom: 0;
+}
+
+.layui-card-header {
+  height: 42px;
+  line-height: 42px;
+  padding: 0 15px;
+  border-bottom: 1px solid #f6f6f6;
+  color: #333;
+  border-radius: 2px 2px 0 0;
+  font-size: 14px;
+}
+
+.layui-card-body {
+  padding: 10px 15px;
+  line-height: 24px;
+}
+
+.layui-card-body[pad15] {
+  padding: 15px;
+}
+
+.layui-card-body[pad20] {
+  padding: 20px;
+}
+
+.layui-card-body .layui-table {
+  margin: 5px 0;
+}
+
+.layui-card .layui-tab {
+  margin: 0;
+}

src/component/card/index.ts

@@ -0,0 +1,9 @@
+import type { App } from "vue";
+import Component from "./index.vue";
+import type { IDefineComponent } from "../type/index";
+
+Component.install = (app: App) => {
+  app.component(Component.name || "LayCard ", Component);
+};
+
+export default Component as IDefineComponent;

src/component/card/index.vue

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