(component): 新增 table 组件 footer 插槽

This commit is contained in:
就眠儀式 2022-08-17 15:09:59 +08:00
parent a61cbb39c1
commit 5c5add2ca6
4 changed files with 13 additions and 5 deletions

View File

@ -1,6 +1,6 @@
{
"name": "@layui/layui-vue",
"version": "1.4.3",
"version": "1.4.4-alpha.1",
"author": "就眠儀式",
"license": "MIT",
"description": "a component library for Vue 3 base on layui-vue",

View File

@ -15,10 +15,7 @@ const props = defineProps<LayQuoteProps>();
</script>
<template>
<div
class="layui-quote"
:class="[type ? `layui-quote-${props.type}` : '']"
>
<div class="layui-quote" :class="[type ? `layui-quote-${props.type}` : '']">
<slot></slot>
</div>
</template>

View File

@ -19,6 +19,13 @@
font-weight: 400;
}
.layui-table-footer {
min-height: 50px;
line-height: 30px;
background-color: #FAFAFA;
padding: 10px 15px;
}
.layui-table-mend,
.layui-table-tool,
.layui-table-total,

View File

@ -856,7 +856,11 @@ onBeforeUnmount(() => {
</div>
</template>
</div>
<div class="layui-table-footer" v-if="slot.footer">
<slot name="footer"></slot>
</div>
</div>
<div v-if="page" class="layui-table-page">
<lay-page
:show-page="true"