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
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

1
app/command/make/Component.php
View File

@@ -61,6 +61,7 @@ class Component extends Command
'_index.html', '_index.html',
'_index.md', '_index.md',
'_index.scss', '_index.scss',
'_index.php',
]; ];
foreach ($files as $file_name) { foreach ($files as $file_name) {

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

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

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

File diff suppressed because one or more lines are too long

1
source/components/_index.scss
View File

@@ -1,3 +1,4 @@
@import './card/ul-card-money/index';
@import './card/ul-card-qrcode/index'; @import './card/ul-card-qrcode/index';
@import './card/ul-easy-image/index'; @import './card/ul-easy-image/index';
@import './descriptions/ul-descriptions-info/index'; @import './descriptions/ul-descriptions-info/index';

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;
}
}
}