[新增] card 组件

This commit is contained in:
就眠仪式
2021-09-27 08:43:12 +08:00
parent 81785521f6
commit 80952a2172
9 changed files with 61 additions and 5 deletions

9
src/module/card/index.ts Normal file
View File

@@ -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

14
src/module/card/index.vue Normal file
View File

@@ -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>

View File

@@ -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)

View File

@@ -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