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-11 14:43:03 +08:00
parent fd5e3cfcaa
commit 7b560d463a
7 changed files with 112 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1039,6 +1039,35 @@
margin-right: 3px;
}
.list-record .item-record {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
box-shadow: 0px 0px 4px rgba(77, 85, 114, 0.1);
padding: 12px;
margin-bottom: 9px;
border-radius: 12px;
}
.list-record .item-record .right {
text-align: right;
}
.list-record .item-record .item-name {
font-size: 14px;
}
.list-record .item-record .item-desc {
font-size: 12px;
color: #999;
margin-top: 6px;
}
.list-record .item-record .item-change {
font-weight: 600;
color: green;
}
.list-record .item-record .item-change.status-2 {
color: orangered;
}
.ul-book-list {
display: flex;
align-items: flex-start;

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

@@ -2,6 +2,7 @@
@import './descriptions/ul-descriptions-info/index';
@import './descriptions/ul-easy-item/index';
@import './header/ul-shop-header/index';
@import './list/list-record/index';
@import './list/ul-book-item/index';
@import './list/ul-music-list/index';
@import './list/ul-order-list-simple-card/index';

5
source/components/list/list-record/_index.env Normal file
View File

@@ -0,0 +1,5 @@
title=明细列表
padding=1
margin=0
gray=1
mobile=1

40
source/components/list/list-record/_index.html Normal file
View File

@@ -0,0 +1,40 @@
<div class="list-record">
<div class="item-record" data-repeat="3">
<div class="left">
<div class="item-name">
充值
</div>
<div class="item-desc">
小程序端充值
</div>
</div>
<div class="right">
<div class="item-change">
+1000
</div>
<div class="item-desc">
2023年4月10日21:12:23
</div>
</div>
</div>
<div class="item-record">
<div class="left">
<div class="item-name">
消费
</div>
<div class="item-desc">
商城消费
</div>
</div>
<div class="right">
<div class="item-change status-2">
-1000
</div>
<div class="item-desc">
2023年4月10日21:12:23
</div>
</div>
</div>
</div>

0
source/components/list/list-record/_index.md Normal file
View File

36
source/components/list/list-record/_index.scss Normal file
View File

@@ -0,0 +1,36 @@
.list-record {
.item-record {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
box-shadow: 0px 0px 4px rgba(77, 85, 114, 0.1);
padding: 12px;
margin-bottom: 9px;
border-radius: 12px;
.right {
text-align: right;
}
.item-name {
font-size: 14px;
}
.item-desc {
font-size: 12px;
color: #999;
margin-top: 6px;
}
.item-change {
font-weight: 600;
color: green;
&.status-2 {
color: orangered
}
}
}
}