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

优化样式设置

Browse Source
This commit is contained in:
augushong
2022-08-23 10:51:03 +08:00
parent 39ee40807d
commit c56be80fed
3 changed files with 44 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
demo/pc/list.html
View File

@@ -397,10 +397,9 @@
<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" > <div class="ul-site-item">
<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>
@@ -443,7 +442,44 @@
</div> </div>
</div> </div>
</div> </div>
<div class="ul-site-item card" > <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>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>站点导航（卡片修复高度）</legend>
<div class="layui-field-box">
<div class="ul-site-group ul-bg-gray ul-padding-md" data-repeat="2">
<div class="ul-site-group-header">
新上线
</div>
<div class="ul-site-list">
<div class="ul-site-item card same-height" data-repeat="5">
<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的组件案例样式大全
</div>
</div>
</div>
<div class="ul-site-item card same-height">
<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">

1
source/scss/layui-ul.scss
View File

@@ -11,7 +11,6 @@
@import './header/_index'; @import './header/_index';
/* 链接导航开始 */ /* 链接导航开始 */
.ul-link-select { .ul-link-select {
display : flex; display : flex;
align-items : flex-start; align-items : flex-start;

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

@@ -23,7 +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;
@@ -31,6 +31,10 @@
padding : 10px; padding : 10px;
margin-right : 15px; margin-right : 15px;
} }
&.same-height {
align-self: normal;
}
} }
.ul-site-item-logo { .ul-site-item-logo {