diff --git a/source/components/_index.scss b/source/components/_index.scss
index 11d2a59..38d409b 100644
--- a/source/components/_index.scss
+++ b/source/components/_index.scss
@@ -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';
diff --git a/source/components/nav/ul-nav-info/_index.env b/source/components/nav/ul-nav-info/_index.env
new file mode 100644
index 0000000..5f9cb41
--- /dev/null
+++ b/source/components/nav/ul-nav-info/_index.env
@@ -0,0 +1,5 @@
+title=多样导航列表
+padding=0
+margin=0
+gray=0
+mobile=1
\ No newline at end of file
diff --git a/source/components/nav/ul-nav-info/_index.html b/source/components/nav/ul-nav-info/_index.html
new file mode 100644
index 0000000..432024d
--- /dev/null
+++ b/source/components/nav/ul-nav-info/_index.html
@@ -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>
\ No newline at end of file
diff --git a/source/components/nav/ul-nav-info/_index.md b/source/components/nav/ul-nav-info/_index.md
new file mode 100644
index 0000000..e69de29
diff --git a/source/components/nav/ul-nav-info/_index.scss b/source/components/nav/ul-nav-info/_index.scss
new file mode 100644
index 0000000..ab9460e
--- /dev/null
+++ b/source/components/nav/ul-nav-info/_index.scss
@@ -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;
+            }
+        }
+    }
+}
\ No newline at end of file