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-01-05 23:29:49 +08:00
parent 0ac4865a51
commit 3cb1f26a5b
2 changed files with 79 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
demo/pc/list.html
View File

@@ -368,6 +368,38 @@
</div> </div>
</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" data-repeat="3">
<div class="ul-site-group-header">
新上线
</div>
<div class="ul-site-list">
<div class="ul-site-item" data-repeat="6">
<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>
</div> </div>
</div> </div>
</fieldset> </fieldset>

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

@@ -1426,4 +1426,51 @@ body .layui-quote-gray {
.ul-nav-button-desc { .ul-nav-button-desc {
color : #666; color : #666;
font-size: 14px; font-size: 14px;
}
.ul-site-group {
margin-bottom: 4px;
}
.ul-site-list {
display : flex;
align-items : flex-start;
justify-content: flex-start;
flex-wrap : wrap;
margin-top : 8px;
}
.ul-site-item {
width : 24%;
margin-right : 1%;
display : flex;
align-items : flex-start;
justify-content: flex-start;
margin-bottom : 14px;
}
.ul-site-item-logo {
width : 24px;
height : 24px;
margin-right : 4px;
margin-top : 4px;
background-size : cover;
background-position: center;
}
.ul-site-item-info {
width: calc(100% - 34px);
}
.ul-site-item-title {
color : #4662d9;
font-weight : bold;
text-decoration: none;
}
.ul-site-item-desc {
font-size: 12px;
color : #666;
} }