ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-01 10:32:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

新增数据详情卡片-简约；

Browse Source
This commit is contained in:
augushong
2022-04-14 21:38:58 +08:00
parent 4544dc48c4
commit b8570d96a4
3 changed files with 104 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
source/scss/card/_index.scss
View File

@@ -2,4 +2,5 @@
@import './ul-card-message';
@import './ul-info-card';
@import './ul-card-data-simple';
@import './ul-card-data-simple-bg-black';
@import './ul-card-data-simple-bg-black';
@import './_ul-data-card';

51
source/scss/card/_ul-data-card.scss Normal file
View File

@@ -0,0 +1,51 @@
.ul-data-card {
margin : 15px;
padding : 15px;
box-shadow : 0 0 3px #bbb;
border-radius: 5px;
.header {
display : flex;
align-items : center;
justify-content: space-between;
padding-bottom : 10px;
border-bottom : 1px solid #eee;
}
.body {
padding: 10px 0;
.main {
display : flex;
align-items : flex-start;
justify-content: flex-start;
flex-wrap : wrap;
.item {
min-width : 50%;
display : flex;
align-items : center;
margin-bottom: 10px;
.item-title {
font-size : 14px;
font-weight: 600;
}
.item-value {
font-size: 14px;
}
}
}
}
.footer {
border-top : 1px solid #eee;
padding-top : 10px;
display : flex;
justify-content: space-between;
align-items : center
}
}