将数据详情卡片-简约改造为组件源码

This commit is contained in:
2024-03-13 16:41:33 +08:00
parent d427261737
commit b84c93cd0a
10 changed files with 102 additions and 90 deletions

View File

@@ -389,49 +389,6 @@
padding: 15px;
}
.ul-data-card {
margin: 15px;
padding: 15px;
box-shadow: 0 0 3px #bbb;
border-radius: 5px;
}
.ul-data-card .header {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.ul-data-card .body {
padding: 10px 0;
}
.ul-data-card .body .main {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.ul-data-card .body .main .item {
min-width: 50%;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.ul-data-card .body .main .item .item-title {
font-size: 14px;
font-weight: 600;
}
.ul-data-card .body .main .item .item-value {
font-size: 14px;
}
.ul-data-card .footer {
border-top: 1px solid #eee;
padding-top: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.ul-group-title-simple {
line-height: 30px;
font-size: 16px;
@@ -1045,6 +1002,49 @@
left: 0;
}
.ul-data-card {
margin: 15px;
padding: 15px;
box-shadow: 0 0 3px #bbb;
border-radius: 5px;
}
.ul-data-card .header {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.ul-data-card .body {
padding: 10px 0;
}
.ul-data-card .body .main {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.ul-data-card .body .main .item {
min-width: 50%;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.ul-data-card .body .main .item .item-title {
font-size: 14px;
font-weight: 600;
}
.ul-data-card .body .main .item .item-value {
font-size: 14px;
}
.ul-data-card .footer {
border-top: 1px solid #eee;
padding-top: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.ul-easy-image {
margin: 5px;
border-radius: 15px;

File diff suppressed because one or more lines are too long