ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-09 13:42:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

将数据卡片极简使用新结构重构

Browse Source
This commit is contained in:
augushong
2023-04-17 14:19:45 +08:00
parent c9437b5cf5
commit 471134cbe5
12 changed files with 232 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
public/cdn/layui-ul.css
View File

@@ -422,67 +422,6 @@
margin-bottom: 6px;
}
.ul-card-data-simple {
display: flex;
align-items: center;
justify-content: flex-start;
background-color: #fff;
}
.ul-card-data-simple .item {
margin: 15px 0;
padding: 0 15px;
text-align: left;
}
.ul-card-data-simple .item .item-title {
font-size: 12px;
color: #666;
}
.ul-card-data-simple .item .item-value {
font-size: 16px;
font-weight: 600;
line-height: 30px;
}
.ul-card-data-simple .item .item-rate {
font-size: 12px;
}
.ul-card-data-simple .item .item-rate.up {
color: #FF5722;
}
.ul-card-data-simple .item .item-rate.down {
color: #1E9FFF;
}
.ul-card-data-simple .item.line {
border-right: 1px solid #eee;
}
.ul-card-data-simple.ul-card-data-simple-bg-black {
background-color: #393D49;
color: #fff;
border-radius: 15px;
padding: 15px;
box-shadow: 0 0 4px #999;
}
.ul-card-data-simple.ul-card-data-simple-bg-black .item {
padding: 15px;
margin: 0 10px 0 0;
}
.ul-card-data-simple.ul-card-data-simple-bg-black .item .item-title {
color: #fff;
}
.ul-card-data-simple.ul-card-data-simple-bg-black .item .item-value {
font-size: 20px;
}
.ul-card-data-simple.ul-card-data-simple-bg-black .item.main {
background-color: #fff;
color: #393D49;
border-radius: 15px;
box-shadow: 1px 1px 3px #999;
margin-right: 25px;
}
.ul-card-data-simple.ul-card-data-simple-bg-black .item.main .item-title {
color: #393D49;
}
.ul-data-card {
margin: 15px;
padding: 15px;
@@ -941,6 +880,72 @@
font-size: 12px;
}
.ul-card-data-simple {
display: flex;
align-items: center;
justify-content: flex-start;
background-color: #fff;
}
.ul-card-data-simple .item {
margin: 15px 0;
padding: 0 15px;
text-align: left;
}
.ul-card-data-simple .item .item-title {
font-size: 12px;
color: #666;
}
.ul-card-data-simple .item .item-value {
font-size: 16px;
font-weight: 600;
line-height: 30px;
}
.ul-card-data-simple .item .item-rate {
font-size: 12px;
}
.ul-card-data-simple .item .item-rate.up {
color: #FF5722;
}
.ul-card-data-simple .item .item-rate.up::after {
content: " ↑";
}
.ul-card-data-simple .item .item-rate.down {
color: #1E9FFF;
}
.ul-card-data-simple .item .item-rate.down::after {
content: " ↓";
}
.ul-card-data-simple .item.line {
border-right: 1px solid #eee;
}
.ul-card-data-simple.bg-black {
background-color: #393D49;
color: #fff;
border-radius: 15px;
padding: 15px;
box-shadow: 0 0 4px #999;
}
.ul-card-data-simple.bg-black .item {
padding: 15px;
margin: 0 10px 0 0;
}
.ul-card-data-simple.bg-black .item .item-title {
color: #fff;
}
.ul-card-data-simple.bg-black .item .item-value {
font-size: 20px;
}
.ul-card-data-simple.bg-black .item.main {
background-color: #fff;
color: #393D49;
border-radius: 15px;
box-shadow: 1px 1px 3px #999;
margin-right: 25px;
}
.ul-card-data-simple.bg-black .item.main .item-title {
color: #393D49;
}
.ul-card-money {
padding: 26px;
background-color: #1E9FFF;

2
public/cdn/layui-ul.min.css vendored
View File

File diff suppressed because one or more lines are too long