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

优化卡片高度

Browse Source
This commit is contained in:
augushong
2022-08-23 10:43:10 +08:00
parent c659d89ee3
commit 39ee40807d
2 changed files with 29 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
demo/pc/list.html
View File

@@ -386,7 +386,7 @@
</div> </div>
<div class="ul-site-list"> <div class="ul-site-list">
<div class="ul-site-item" data-repeat="6"> <div class="ul-site-item" data-repeat="5">
<div class="ul-site-item-logo" style="background-image: url('/static/images/view.jpg')"> <div class="ul-site-item-logo" style="background-image: url('/static/images/view.jpg')">
</div> </div>
@@ -400,6 +400,20 @@
</div> </div>
</div> </div>
<div class="ul-site-item" >
<div class="ul-site-item-logo" style="background-image: url('/static/images/view.jpg')">
</div>
<div class="ul-site-item-info">
<div class="ul-site-item-title">
layui奥宏样式库
</div>
<div class="ul-site-item-desc">
纯CSS的组件案例样式大全纯CSS的组件案例样式大全纯CSS的组件案例样式大全
</div>
</div>
</div>
</div> </div>
@@ -417,9 +431,8 @@
</div> </div>
<div class="ul-site-list"> <div class="ul-site-list">
<div class="ul-site-item card" data-repeat="6"> <div class="ul-site-item card" data-repeat="5">
<div class="ul-site-item-logo" style="background-image: url('/static/images/view.jpg')"> <div class="ul-site-item-logo" style="background-image: url('/static/images/view.jpg')">
</div> </div>
<div class="ul-site-item-info"> <div class="ul-site-item-info">
<div class="ul-site-item-title"> <div class="ul-site-item-title">
@@ -428,14 +441,21 @@
<div class="ul-site-item-desc"> <div class="ul-site-item-desc">
纯CSS的组件案例样式大全 纯CSS的组件案例样式大全
</div> </div>
</div> </div>
</div> </div>
<div class="ul-site-item card" >
<div class="ul-site-item-logo" style="background-image: url('/static/images/view.jpg')">
</div>
<div class="ul-site-item-info">
<div class="ul-site-item-title">
layui奥宏样式库
</div>
<div class="ul-site-item-desc">
纯CSS的组件案例样式大全纯CSS的组件案例样式大全纯CSS的组件案例样式大全
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</fieldset> </fieldset>

1
source/scss/list/_ul-site-list.scss
View File

@@ -23,6 +23,7 @@
align-items : flex-start; align-items : flex-start;
justify-content: flex-start; justify-content: flex-start;
margin-bottom : 15px; margin-bottom : 15px;
align-self : normal;
&.card { &.card {
background-color: #fff; background-color: #fff;