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
2021-09-24 19:58:20 +08:00
parent edc1461e27
commit f35b39c713
2 changed files with 342 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
demo/pc/nav.html
View File

@@ -318,3 +318,40 @@
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>操作导航</legend>
<div class="layui-field-box">
<div class="ul-padding-md ul-bg-gray">
<div class="ul-nav-button">
<div class="ul-nav-button-item">
<div class="ul-nav-button-icon">
<i class="icon layui-icon layui-icon-add-circle"></i>
</div>
<div class="ul-nav-button-info">
<div class="ul-nav-button-title">
发布公告
</div>
<div class="ul-nav-button-desc">
发布文字/图片和视频.
</div>
</div>
</div>
<div class="ul-nav-button-item">
<div class="ul-nav-button-icon">
<i class="icon layui-icon layui-icon-about"></i>
</div>
<div class="ul-nav-button-info">
<div class="ul-nav-button-title">
关于
</div>
<div class="ul-nav-button-desc">
查看详细系统信息
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>

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

@@ -1324,10 +1324,10 @@ body .layui-quote-gray {
margin-bottom : 15px;
margin-right : 15px;
cursor : pointer;
border: 1px solid transparent;
border : 1px solid transparent;
}
.ul-book-item:hover{
.ul-book-item:hover {
border-color: #ddd;
}
@@ -1378,5 +1378,36 @@ body .layui-quote-gray {
.ul-book-list.big .ul-book-info {
height: 160px;
width: 110px;
width : 110px;
}
.ul-nav-button-item {
display : flex;
align-items : center;
justify-content : flex-start;
margin-bottom : 10px;
border-radius : 8px;
padding : 10px;
box-shadow : 0px 1px 3px #bbb;
background-color: #fff;
}
.ul-nav-button-icon {
margin-right: 10px;
}
.ul-nav-button-icon .icon {
font-size: 38px;
color : #999;
}
.ul-nav-button-title {
color : #333;
font-size : 16px;
font-weight: 600;
}
.ul-nav-button-desc {
color : #666;
font-size: 14px;
}