[新增] card 组件

docs/docs/zh-CN/components/cards.md

@@ -0,0 +1,26 @@
+::: demo
+
+<template>
+  <lay-card>
+      <template v-slot:header>
+      标题
+      </template>
+      <template v-slot:body>
+      内容
+      </template>
+  </lay-card>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+
+:::

docs/src/layouts/Layout.vue

@@ -11,6 +11,7 @@
         <li><router-link to="/zh-CN/components/button">按钮</router-link></li>
         <li><router-link to="/zh-CN/components/icon">图标</router-link></li>
         <li><router-link to="/zh-CN/components/panel">面板</router-link></li>
+        <li><router-link to="/zh-CN/components/card">卡片</router-link></li>
       </ul>
     </lay-side>
     <lay-body>

docs/src/router/index.ts

@@ -5,9 +5,8 @@ import {
   Router,
 } from 'vue-router'
 import zhCN from './zh-CN'
-import type { IRouteRecordRaw } from '/@src/index'
 
-const routes: IRouteRecordRaw[] = [...zhCN]
+const routes = [...zhCN]
 
 export function createRouter(): Router {
   const baseUrl = import.meta.env.BASE_URL

docs/src/router/zh-CN.ts

@@ -32,6 +32,10 @@ const zhCN = [
         path: '/zh-CN/components/panel',
         component: () => import('../../docs/zh-CN/components/panel.md'),
         meta: { title: '面板' },
+      },{
+        path: '/zh-CN/components/card',
+        component: () => import('../../docs/zh-CN/components/cards.md'),
+        meta: { title: '卡片' },
       }
     ],
   },