From 3cb1f26a5b5a78895b644530e3ff64dfd48fdf1c Mon Sep 17 00:00:00 2001
From: augushong <augushong@163.com>
Date: Wed, 5 Jan 2022 23:29:49 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=AB=99=E7=82=B9=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA;?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo/pc/list.html       | 32 ++++++++++++++++++++++++++++
 public/cdn/layui-ul.css | 47 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 79 insertions(+)

diff --git a/demo/pc/list.html b/demo/pc/list.html
index f30ec4e..5aaa92d 100644
--- a/demo/pc/list.html
+++ b/demo/pc/list.html
@@ -368,6 +368,38 @@
                     </div>
                 </div>
             </div>
+        </div>
+    </div>
+</fieldset>
+
+<fieldset class="layui-elem-field layui-field-title">
+    <legend>站点导航</legend>
+    <div class="layui-field-box">
+        <div class="ul-site-group" data-repeat="3">
+            <div class="ul-site-group-header">
+                新上线
+            </div>
+            <div class="ul-site-list">
+
+                <div class="ul-site-item" data-repeat="6">
+                    <div class="ul-site-item-logo" style="background-image: url('/static/images/view.jpg')">
+
+                    </div>
+                    <div class="ul-site-item-info">
+                        <div class="ul-site-item-title">
+                            layui奥宏样式库
+                        </div>
+                        <div class="ul-site-item-desc">
+                            纯CSS的组件案例样式大全
+                        </div>
+
+                    </div>
+                </div>
+
+
+            </div>
+
+
         </div>
     </div>
 </fieldset>
\ No newline at end of file
diff --git a/public/cdn/layui-ul.css b/public/cdn/layui-ul.css
index d1b6c18..71016dd 100644
--- a/public/cdn/layui-ul.css
+++ b/public/cdn/layui-ul.css
@@ -1426,4 +1426,51 @@ body .layui-quote-gray {
 .ul-nav-button-desc {
     color    : #666;
     font-size: 14px;
+}
+
+.ul-site-group {
+    margin-bottom: 4px;
+}
+
+.ul-site-list {
+    display        : flex;
+    align-items    : flex-start;
+    justify-content: flex-start;
+    flex-wrap      : wrap;
+    margin-top     : 8px;
+}
+
+.ul-site-item {
+    width          : 24%;
+    margin-right   : 1%;
+    display        : flex;
+    align-items    : flex-start;
+    justify-content: flex-start;
+    margin-bottom  : 14px;
+}
+
+.ul-site-item-logo {
+    width              : 24px;
+    height             : 24px;
+    margin-right       : 4px;
+    margin-top         : 4px;
+    background-size    : cover;
+    background-position: center;
+}
+
+
+.ul-site-item-info {
+    width: calc(100% - 34px);
+
+}
+
+.ul-site-item-title {
+    color          : #4662d9;
+    font-weight    : bold;
+    text-decoration: none;
+}
+
+.ul-site-item-desc {
+    font-size: 12px;
+    color    : #666;
 }
\ No newline at end of file