提交 0f2d08b0 编写于 作者: RedPig97's avatar RedPig97

update: 表格视图布局组件更新

上级 6862cc16
.degridview { .grid-view-layout {
// height: 100%; // height: 100%;
background-color: transparent; background-color: transparent;
box-shadow: none; box-shadow: none;
.grid-header-content { .view-header-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 16px 4px 20px 7px; padding: 16px 4px 20px 7px;
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
z-index: 0; z-index: 0;
} }
} }
.grid-header-bottom { .view-header-bottom {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
height: 74px; height: 74px;
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
z-index: 0; z-index: 0;
} }
} }
.grid-content { .view-content {
} }
} }
\ No newline at end of file
<template> <template>
<layout class="view-container degridview"> <layout class="grid-view-layout view-layout">
<header class="grid-header"> <header class="view-header">
<div class="grid-header-top"> <div class="view-header__top">
<slot name="headerTop" /> <slot name="headerTop" />
</div> </div>
<div class="grid-header-content"> <div class="view-header__content">
<slot name="headerContent" /> <slot name="headerContent" />
</div> </div>
<div class="grid-header-bottom"> <div class="view-header__bottom">
<slot name="headerBottom" /> <slot name="headerBottom" />
</div> </div>
</header> </header>
<content class="grid-content content-container"> <content class="view-content content-container">
<slot /> <slot />
</content> </content>
<footer class="grid-footer"> <footer class="view-footer">
<slot name="footer" /> <slot name="footer" />
</footer> </footer>
</layout> </layout>
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册