From 1ccb61963347578b0b0ccaddff101fd4ff2e779b Mon Sep 17 00:00:00 2001
From: augushong <augushong@ulthon.com>
Date: Thu, 19 Jan 2023 11:31:49 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=80=E5=A7=8B=E5=AF=BC=E8=88=AA=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/components/_index.scss                 |  1 +
 source/components/nav/ul-nav-info/_index.env  |  5 ++
 source/components/nav/ul-nav-info/_index.html | 82 +++++++++++++++++++
 source/components/nav/ul-nav-info/_index.md   |  0
 source/components/nav/ul-nav-info/_index.scss | 32 ++++++++
 5 files changed, 120 insertions(+)
 create mode 100644 source/components/nav/ul-nav-info/_index.env
 create mode 100644 source/components/nav/ul-nav-info/_index.html
 create mode 100644 source/components/nav/ul-nav-info/_index.md
 create mode 100644 source/components/nav/ul-nav-info/_index.scss

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