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
2022-04-04 11:51:43 +08:00
parent 3c02fd2130
commit 4458d07933
4 changed files with 290 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
source/scss/list/_index.scss
View File

@@ -1 +1,2 @@
@import './ul-avatar-list'
@import './ul-avatar-list';
@import './ul-order-list-simple-card';

85
source/scss/list/_ul-order-list-simple-card.scss Normal file
View File

@@ -0,0 +1,85 @@
.ul-order-list-simple-card {
.item {
box-shadow : 0 0 3px #ddd;
border-radius: 2px;
padding : 15px;
margin-bottom: 15px;
}
.item-header {
display : flex;
align-items : center;
justify-content: space-between;
font-size : 13px;
margin-bottom : 5px;
.item-header-status {
color: #1E9FFF;
}
}
.item-body {
margin-top : 10px;
padding-bottom: 10px;
.item-body-item {
display : flex;
align-items : center;
justify-content: space-between;
padding : 5px 0;
.item-image {
width : 90px;
height : 90px;
background-size : cover;
background-position: center;
box-shadow : 0 0 2px #999;
}
.item-info {
width : calc(100% - 90px - 15px);
margin-left: 15px;
height : 90px;
position : relative;
.ul-info-title {
font-weight : 500;
font-size : 15px;
margin-bottom : 5px;
text-overflow : -o-ellipsis-lastline;
overflow : hidden;
text-overflow : ellipsis;
display : -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ul-info-value {
display : flex;
align-items : center;
justify-content: space-between;
color : #999;
font-size : 14px;
}
.ul-info-money {
position : absolute;
bottom : 0;
left : 0;
font-size : 15px;
font-weight: 600;
}
}
}
}
.item-footer {
padding-top : 15px;
margin-top : 5px;
border-top : 1px solid #eee;
display : flex;
align-items : center;
justify-content: space-between;
}
}