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

完成多样导航

Browse Source
This commit is contained in:
augushong
2023-01-19 13:29:10 +08:00
parent 1ccb619633
commit faf5a7c8fc
2 changed files with 43 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
source/components/nav/ul-nav-info/_index.html
View File

@@ -79,4 +79,28 @@
</div> </div>
</div> </div>
</div> </div>
<div class="ul-nav-info__item">
<div class="ul-nav-info__item__main">
<div class="ul-nav-info__item__main__info">
<div class="ul-nav-info__item__main__icon ">
<div class="ul-demo-img-bg" style="width:90px;height: 90px;"></div>
</div>
<div class="ul-nav-info__item__main__title">
设置
<div class="ul-nav-info__item__main__content">
设置系统信息
</div>
</div>
</div>
</div>
<div class="ul-nav-info__item__right">
<div class="ul-nav-info__item__right__item">
新版本
</div>
<div class="ul-nav-info__item__right__item">
<i class="layui-icon layui-icon-right"></i>
</div>
</div>
</div>
</div> </div>

21
source/components/nav/ul-nav-info/_index.scss
View File

@@ -18,15 +18,32 @@
} }
&__title { &__title {
font-size : 16px; font-size : 15px;
font-weight: 400; font-weight: 400;
} }
&__content { &__content {
margin-top: 5px; margin-top: 10px;
color : #bbb; color : #bbb;
font-size : 14px; font-size : 14px;
} }
} }
&__right {
display : flex;
align-items : center;
justify-content: flex-end;
color : #bbb;
&__item {
margin-left: 5px;
}
}
&:not(:last-child) {
border-bottom: 1px solid #eee;
}
} }
} }