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

增加简单属性排列

Browse Source
This commit is contained in:
augushong
2023-01-19 14:51:00 +08:00
parent faf5a7c8fc
commit fd34bb5b80
5 changed files with 60 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
source/components/_index.scss
View File

@@ -1,4 +1,5 @@
@import './card/ul-easy-image/index'; @import './card/ul-easy-image/index';
@import './descriptions/ul-easy-item/index';
@import './header/ul-shop-header/index'; @import './header/ul-shop-header/index';
@import './list/ul-book-item/index'; @import './list/ul-book-item/index';
@import './list/ul-music-list/index'; @import './list/ul-music-list/index';

5
source/components/descriptions/ul-easy-item/_index.env Normal file
View File

@@ -0,0 +1,5 @@
title=简洁属性排列
padding=1
margin=0
gray=0
mobile=1

32
source/components/descriptions/ul-easy-item/_index.html Normal file
View File

@@ -0,0 +1,32 @@
<div class="ul-easy-item">
<div class="ul-easy-item__name">发货</div>
<div class="ul-easy-item__desc">
<div class="ul-easy-item__desc__item">
山东临沂
</div>
<i>|</i>
<div class="ul-easy-item__desc__item">
免运费
</div>
</div>
</div>
<div class="ul-easy-item">
<div class="ul-easy-item__name">保障</div>
<div class="ul-easy-item__desc">
<div class="ul-easy-item__desc__item">
7天无理由退货
</div>
<i>|</i>
<div class="ul-easy-item__desc__item">
运费险
</div>
</div>
</div>
<div class="ul-easy-item">
<div class="ul-easy-item__name">正品</div>
<div class="ul-easy-item__desc">
<div class="ul-easy-item__desc__item">
专利
</div>
</div>
</div>

0
source/components/descriptions/ul-easy-item/_index.md Normal file
View File

22
source/components/descriptions/ul-easy-item/_index.scss Normal file
View File

@@ -0,0 +1,22 @@
.ul-easy-item {
display : flex;
align-items : flex-start;
justify-content: flex-start;
padding : 5px 0;
&__name {
min-width: 50px;
color : #333;
}
&__desc {
color : #777;
display : flex;
align-items : center;
justify-content: flex-start;
&__item {
margin: 0 8px;
}
}
}