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

新增余额卡片

Browse Source
This commit is contained in:
augushong
2023-04-17 14:04:27 +08:00
parent 931161f07c
commit 6247361e6f
8 changed files with 127 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
source/components/card/ul-card-money/_index.env Normal file
View File

@@ -0,0 +1,6 @@
title=余额卡片
padding=1
margin=0
gray=1
mobile=1
inner_margin=0

29
source/components/card/ul-card-money/_index.html Normal file
View File

@@ -0,0 +1,29 @@
<div class="ul-card-money">
<div class="main">
<div class="title">可提现收入</div>
<div class="option">
<div class="value">5675.05</div>
<div class="button">
<div class="layui-btn layui-btn-sm layui-btn-warm layui-btn-radius layui-btn-xs">提现</div>
</div>
</div>
</div>
<div class="footer">
<div class="item">
<div class="label">
总收入（元）
</div>
<div class="value">
9788.6
</div>
</div>
<div class="item">
<div class="label">
已提现（元）
</div>
<div class="value">
978.6
</div>
</div>
</div>
</div>

0
source/components/card/ul-card-money/_index.md Normal file
View File

50
source/components/card/ul-card-money/_index.scss Normal file
View File

@@ -0,0 +1,50 @@
.ul-card-money {
padding: 26px;
background-color: #1E9FFF;
border-radius: 16px;
color: #fff;
.main {
.title {
font-weight: 600;
font-size: 12px;
}
.option {
display: flex;
align-items: flex-end;
justify-content: flex-start;
margin-top: 10px;
.value {
font-size: 26px;
font-weight: 600;
}
.button {
margin-left: 16px;
padding-bottom: 6px;
}
}
}
.footer {
display: flex;
align-items: center;
justify-content: space-between;
text-align: center;
margin-top: 18px;
.label {
font-size: 12px;
}
.value {
margin-top: 8px;
font-size: 16px;
}
}
}