diff --git a/app/admin/view/index/index.html b/app/admin/view/index/index.html
index 396a581..7bb68dd 100644
--- a/app/admin/view/index/index.html
+++ b/app/admin/view/index/index.html
@@ -29,6 +29,9 @@
 
                 <ul class="layui-nav layui-layout-right">
 
+                    <li class="layui-nav-item" lay-unselect>
+                        <a href="/"><i class="fa fa-home"></i></a>
+                    </li>
                     <li class="layui-nav-item" lay-unselect>
                         <a href="javascript:;" data-refresh="刷新"><i class="fa fa-refresh"></i></a>
                     </li>
diff --git a/public/static/common/css/welcome.css b/public/static/common/css/welcome.css
index 02e8df4..3c2fece 100644
--- a/public/static/common/css/welcome.css
+++ b/public/static/common/css/welcome.css
@@ -128,6 +128,7 @@ header .right {
     margin-left: 30px;
     font-size: 16px;
     cursor: pointer;
+    white-space: nowrap;
 }
 
 .navbar-item.active {
@@ -408,6 +409,10 @@ footer a {
     margin-right: 108px;
 }
 
+.introduction .bottom .item.shadow{
+    box-shadow: 0 0 6px #999;
+}
+
 .introduction .bottom .item:nth-child(n+4) {
     margin-top: 90px;
 }
diff --git a/public/static/index/images/preview/demo.png b/public/static/index/images/preview/demo.png
new file mode 100644
index 0000000..0c5f055
Binary files /dev/null and b/public/static/index/images/preview/demo.png differ
diff --git a/public/static/index/images/preview/gtk.png b/public/static/index/images/preview/gtk.png
new file mode 100644
index 0000000..4a017d9
Binary files /dev/null and b/public/static/index/images/preview/gtk.png differ
diff --git a/public/static/index/images/preview/nes.png b/public/static/index/images/preview/nes.png
new file mode 100644
index 0000000..09d73e8
Binary files /dev/null and b/public/static/index/images/preview/nes.png differ
diff --git a/public/static/index/images/preview/normal.png b/public/static/index/images/preview/normal.png
new file mode 100644
index 0000000..836209d
Binary files /dev/null and b/public/static/index/images/preview/normal.png differ
diff --git a/public/static/index/images/preview/sifi.png b/public/static/index/images/preview/sifi.png
new file mode 100644
index 0000000..bb182f8
Binary files /dev/null and b/public/static/index/images/preview/sifi.png differ
diff --git a/public/static/index/images/preview/win7.png b/public/static/index/images/preview/win7.png
new file mode 100644
index 0000000..176a9e2
Binary files /dev/null and b/public/static/index/images/preview/win7.png differ
diff --git a/route/welcome.php b/route/welcome.php
index 69c0123..e663205 100644
--- a/route/welcome.php
+++ b/route/welcome.php
@@ -1,4 +1,5 @@
 <?php
+
 use think\facade\Route;
 
 Route::view('/', 'welcome', [
@@ -66,4 +67,42 @@ Route::view('/', 'welcome', [
         ],
 
     ],
+    'skin' => [
+        [
+            'name'        => '标准皮肤',
+            'description' => '规规矩矩，简洁大方，稳重不失活泼。',
+            'preview_image' => '/static/index/images/preview/normal.png',
+            'preview_link' => 'https://doc.ulthon.com/read/augushong/ulthon_admin/63061ab4ab665.html?current_lang_id=15&current_version_id=16',
+        ],
+        [
+            'name'        => '轻科幻',
+            'description' => '适合夜间使用，适合物联网系统、监控系统、大屏系统等非常规后台使用。',
+            'preview_image' => '/static/index/images/preview/sifi.png',
+            'preview_link' => 'https://doc.ulthon.com/read/augushong/ulthon_admin/63061ab4ab665.html?current_lang_id=15&current_version_id=16',
+        ],
+        [
+            'name'        => 'gnome风',
+            'description' => '感受到来自gnome的恐惧了吗？一个“兼容Linux”的后台框架。',
+            'preview_image' => '/static/index/images/preview/gtk.png',
+            'preview_link' => 'https://doc.ulthon.com/read/augushong/ulthon_admin/63061ab4ab665.html?current_lang_id=15&current_version_id=16',
+        ],
+        [
+            'name'        => '像素风',
+            'description' => '这个系统是不是要插卡才能安装？出BUG的时候，得舔一舔？电脑秒变红白机。',
+            'preview_image' => '/static/index/images/preview/nes.png',
+            'preview_link' => 'https://doc.ulthon.com/read/augushong/ulthon_admin/63061ab4ab665.html?current_lang_id=15&current_version_id=16',
+        ],
+        [
+            'name'        => 'Win7',
+            'description' => '保证不强制升级。适合在Win7使用。一键开发“原生客户端”。',
+            'preview_image' => '/static/index/images/preview/win7.png',
+            'preview_link' => 'https://doc.ulthon.com/read/augushong/ulthon_admin/63061ab4ab665.html?current_lang_id=15&current_version_id=16',
+        ],
+        [
+            'name'        => '原型皮肤',
+            'description' => '一键变丑。原型皮肤，以后不用画原型了，用命令行一键生成“高保真”。',
+            'preview_image' => '/static/index/images/preview/demo.png',
+            'preview_link' => 'https://doc.ulthon.com/read/augushong/ulthon_admin/63061ab4ab665.html?current_lang_id=15&current_version_id=16',
+        ],
+    ],
 ]);
diff --git a/view/index/welcome.html b/view/index/welcome.html
index 0f0f2a9..737285f 100644
--- a/view/index/welcome.html
+++ b/view/index/welcome.html
@@ -8,9 +8,12 @@
     <meta name="keywords" content="tp6后台,curd后台,layui后台,ulthon_admin,ulthon_admin官网,thinkphp6.0框架,layui前端框架,后台快速开发框架,php框架">
     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <title>ulthon_admin | 一款基于ThinkPHP6.0和Layui的快速开发的后台管理框架系统</title>
+    <link rel="stylesheet" href="//layui.ulthon.com/cdn/layui-ul.css">
     <link rel="stylesheet" href="__STATIC__/common/css/welcome.css?v={$version}">
+    <link rel="stylesheet" href="/static/plugs/layui-v2.7.6/css/layui.css">
+    <script src="/static/plugs/layui-v2.7.6/layui.js"></script>
+
 
-    {:htmlspecialchars_decode(sysconfig('site','site_js_insert'))}
 </head>
 
 <body>
@@ -48,6 +51,45 @@
                     <a class="gitee button-grya" target="_blank" href="https://gitee.com/ulthon/ulthon_admin"><i class="icon-gitee"></i>Gitee</a>
                 </p>
             </div>
+            <!-- 框架皮肤-->
+            <div class="introduction">
+                <!-- 特性标题-->
+                <div class="top">
+                    <div class="part-title">
+                        <p class="text">特效皮肤</p>
+                        <p class="line"></p>
+                    </div>
+                    <p class="part-desc">
+                        后台框架千千万，这样酷的不多见。除了简单地导航菜单的皮肤设置外，还支持一键设置多种特效皮肤。所有样式仅通过css实现，无需修改任何HTML结构。
+                    </p>
+                </div>
+                <!-- 特性介绍-->
+                <div class="bottom">
+                    {foreach $skin as $vo}
+                    <div class="item shadow img-preview" data-src="{$vo.preview_image}">
+                        <div class="ul-info-card" style="height: 100%;">
+                            <div class="header" style="cursor: pointer;">
+                                <div class="img" style="background-image: url('{$vo.preview_image}');">
+                                </div>
+                            </div>
+                            <div class="body">
+                                <div class="title" style="padding-bottom: 0;">
+                                    {$vo.name}
+                                </div>
+                                <div class="line">
+                                </div>
+                                <div class="info" style="padding: 0 15px;">
+                                    <div class="info-item" style="padding-bottom:10px;width: 100%;border-bottom: 0;">
+                                        <div class="info-title">简介</div>
+                                        <div class="info-value" style="min-height: 45px;">{$vo.description}</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    {/foreach}
+                </div>
+            </div>
             <!-- 框架特性-->
             <div class="introduction">
                 <!-- 特性标题-->
@@ -105,7 +147,27 @@
             <p>Site designed by <a href="https://gitee.com/ulthon" target="_blank">ulthon</a></p>
         </div>
     </footer>
-    </div>
+    <script>
+        $ = layui.$;
+
+        $('.img-preview .header').click(function () {
+            layer.photos({
+                photos: {
+                    "title": "特效皮肤", //相册标题
+                    "id": 1, //相册id
+                    "start": 0, //初始显示的图片序号，默认0
+                    "data": [   //相册包含的图片，数组格式
+                        {
+                            "alt": $(this).closest('.img-preview').find('.title').text(),
+                            "pid": 666, //图片id
+                            "src": $(this).closest('.img-preview').data('src'), //原图地址
+                        }
+                    ]
+                }
+            })
+        })
+    </script>
+    {:htmlspecialchars_decode(sysconfig('site','site_js_insert'))}
 </body>
 
 </html>
\ No newline at end of file