[新增] card 组件

src/index.ts

@@ -5,6 +5,7 @@ import "./css/layui.css";
 import LayRadio from './module/radio/index'
 import LayButton from './module/button/index'
 import LayIcon from './module/icon/index'
+import LayCard from './module/card/index'
 import LayLayout from "./module/layout/index"
 import LaySide from "./module/side/index"
 import LayBody from "./module/body/index"
@@ -23,7 +24,8 @@ const components: Record<string, IDefineComponent> = {
   LayBody,
   LayFooter,
   LayLogo,
-  LayPanel
+  LayPanel,
+  LayCard
 }
 
 const install = (app: App, options?: InstallOptions): void => {
@@ -47,6 +49,7 @@ export {
   LayFooter,
   LayLogo,
   LayPanel, 
+  LayCard,
   install,
 }
 

src/module/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/module/card/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <div class="layui-card">
+    <div class="layui-card-header">
+        <slot name="header"></slot>
+    </div>
+    <div class="layui-card-body">
+      <slot name="body"></slot>
+    </div>
+  </div>
+</template>
+
+<script setup name="LayCard" lang="ts">
+
+</script>

src/module/icon/index.ts

@@ -1,6 +1,6 @@
 import type { App } from 'vue'
 import Component from './index.vue'
-import type { IDefineComponent } from '../../type/index'
+import type { IDefineComponent } from '../type/index'
 
 Component.install = (app: App) => {
   app.component(Component.name || 'LayIcon', Component)

src/module/panel/index.ts

@@ -3,7 +3,7 @@ import Component from './index.vue'
 import type { IDefineComponent } from '../type/index'
 
 Component.install = (app: App) => {
-    app.component(Component.name || 'LayLogo', Component)
+    app.component(Component.name || 'LayPanel', Component)
 }
 
 export default Component as IDefineComponent