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 11:31:49 +08:00
parent feafea87cc
commit 1ccb619633
5 changed files with 120 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
source/components/_index.scss
View File

@@ -4,3 +4,4 @@
@import './list/ul-music-list/index';
@import './list/ul-order-list-simple-card/index';
@import './list/ul-site-group/index';
@import './nav/ul-nav-info/index';

5
source/components/nav/ul-nav-info/_index.env Normal file
View File

@@ -0,0 +1,5 @@
title=多样导航列表
padding=0
margin=0
gray=0
mobile=1

82
source/components/nav/ul-nav-info/_index.html Normal file
View File

@@ -0,0 +1,82 @@
<div class="ul-nav-info">
<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">
<i class="layui-icon layui-icon-set"></i>
</div>
<div class="ul-nav-info__item__main__title">
设置
</div>
</div>
<div class="ul-nav-info__item__main__content">
设置系统信息
</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 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">
<i class="layui-icon layui-icon-set"></i>
</div>
<div class="ul-nav-info__item__main__title">
设置
</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 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__title">
设置
</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 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:30px;height: 30px;"></div>
</div>
<div class="ul-nav-info__item__main__title">
设置
</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>

0
source/components/nav/ul-nav-info/_index.md Normal file
View File

32
source/components/nav/ul-nav-info/_index.scss Normal file
View File

@@ -0,0 +1,32 @@
.ul-nav-info {
&__item {
display : flex;
align-items : center;
justify-content: space-between;
padding : 15px;
&__main {
&__info {
display : flex;
align-items : center;
justify-content: flex-start;
}
&__icon {
margin-right: 10px;
}
&__title {
font-size : 16px;
font-weight: 400;
}
&__content {
margin-top: 5px;
color : #bbb;
font-size : 14px;
}
}
}
}