diff --git a/demo/pc/jumbotron.html b/demo/pc/jumbotron.html
new file mode 100644
index 0000000..7ca3d8b
--- /dev/null
+++ b/demo/pc/jumbotron.html
@@ -0,0 +1,76 @@
+<fieldset class="layui-elem-field layui-field-title">
+    <legend>巨幕-清新底色</legend>
+    <div class="layui-field-box">
+        <div class="ul-padding-md ul-bg-gray">
+
+            <div class="jumbotron clean">
+                <div class="main">
+
+                    <div class="title">layui-ul</div>
+                    <div class="desc">简洁、直观、强悍的纯SCSS组件库，让web开发更迅速、简单。</div>
+                    <div class="option">
+                        <a href="/" class="layui-btn layui-btn-normal">立即体验</a>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+
+    </div>
+</fieldset>
+<fieldset class="layui-elem-field layui-field-title">
+    <legend>巨幕-深色底色</legend>
+    <div class="layui-field-box">
+        <div class="ul-padding-md ul-bg-gray">
+
+            <div class="jumbotron dark">
+                <div class="main">
+
+                    <div class="title">layui-ul</div>
+                    <div class="desc">欢迎使用layui-ul.
+
+                        layui-ul是一套纯css的开源的样式库.
+
+                        样式中集成了很多常见的组件面板,比如列表,导航,卡片,登陆注册表单等.
+
+
+
+                    </div>
+                    <div class="option">
+                        <a href="/" class="layui-btn layui-btn-normal">立即体验</a>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+
+    </div>
+</fieldset>
+<fieldset class="layui-elem-field layui-field-title">
+    <legend>巨幕-偏心-深色底色</legend>
+    <div class="layui-field-box">
+        <div class="ul-padding-md ul-bg-gray">
+
+            <div class="jumbotron left dark">
+                <div class="main">
+
+                    <div class="title">layui-ul</div>
+                    <div class="desc">欢迎使用layui-ul.
+
+                        layui-ul是一套纯css的开源的样式库.
+
+                        样式中集成了很多常见的组件面板,比如列表,导航,卡片,登陆注册表单等.
+
+
+
+                    </div>
+                    <div class="option">
+                        <a href="/" class="layui-btn layui-btn-normal">立即体验</a>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+
+    </div>
+</fieldset>
\ No newline at end of file
diff --git a/source/scss/jumbotron/_index.scss b/source/scss/jumbotron/_index.scss
new file mode 100644
index 0000000..5d0293b
--- /dev/null
+++ b/source/scss/jumbotron/_index.scss
@@ -0,0 +1,4 @@
+@import 'jumbotron';
+@import 'jumbotron_dark';
+@import 'jumbotron_clean';
+@import 'jumbotron_left';
\ No newline at end of file
diff --git a/source/scss/jumbotron/_jumbotron.scss b/source/scss/jumbotron/_jumbotron.scss
new file mode 100644
index 0000000..0c4a107
--- /dev/null
+++ b/source/scss/jumbotron/_jumbotron.scss
@@ -0,0 +1,22 @@
+.jumbotron {
+    padding   : 15px;
+    text-align: center;
+
+    .main {
+        margin    : 20px auto;
+        max-width : 800px;
+        text-align: center;
+
+        .title {
+            font-size  : 32px;
+            font-weight: 600;
+
+        }
+
+        .desc {
+            font-size  : 18px;
+            line-height: 1.8;
+            margin     : 25px auto;
+        }
+    }
+}
\ No newline at end of file
diff --git a/source/scss/jumbotron/_jumbotron_clean.scss b/source/scss/jumbotron/_jumbotron_clean.scss
new file mode 100644
index 0000000..26f6c00
--- /dev/null
+++ b/source/scss/jumbotron/_jumbotron_clean.scss
@@ -0,0 +1,5 @@
+.jumbotron {
+    &.clean{
+        background-color: #fff;
+    }
+}
diff --git a/source/scss/jumbotron/_jumbotron_dark.scss b/source/scss/jumbotron/_jumbotron_dark.scss
new file mode 100644
index 0000000..74028d3
--- /dev/null
+++ b/source/scss/jumbotron/_jumbotron_dark.scss
@@ -0,0 +1,6 @@
+.jumbotron {
+    &.dark {
+        background-color: #1F2430;
+        color           : #fff;
+    }
+}
\ No newline at end of file
diff --git a/source/scss/jumbotron/_jumbotron_left.scss b/source/scss/jumbotron/_jumbotron_left.scss
new file mode 100644
index 0000000..7fca7c2
--- /dev/null
+++ b/source/scss/jumbotron/_jumbotron_left.scss
@@ -0,0 +1,15 @@
+.jumbotron {
+    &.left {
+        .main {
+            text-align : left;
+            max-width  : auto;
+            margin-left: 30px;
+
+            .desc {
+                max-width: 60%;
+                margin: 25px auto 25px 0;
+            }
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/source/scss/layui-ul.scss b/source/scss/layui-ul.scss
index cc55193..28c84f3 100644
--- a/source/scss/layui-ul.scss
+++ b/source/scss/layui-ul.scss
@@ -5,6 +5,7 @@
 @import './fieldset/index';
 @import './card/index';
 @import './title/index';
+@import './jumbotron/index';
 
 
 /* 头部开始 */
diff --git a/view/admin/post/index.html b/view/admin/post/index.html
index c4f0147..4c8fbfd 100644
--- a/view/admin/post/index.html
+++ b/view/admin/post/index.html
@@ -71,7 +71,7 @@
                 </td>
                 <td>
                   <div class="layui-btn-container">
-                    <a class="layui-btn layui-btn-sm" href="{:url('index/Post/read',['id'=>$vo.id])}">查看</a>
+                    <a class="layui-btn layui-btn-sm" href="{$vo.read_url}">查看</a>
                     <a class="layui-btn layui-btn-sm" href="{:url('edit',['id'=>$vo.id,'type'=>$Request.param.type])}">编辑</a>
                     <div class="layui-btn layui-btn-sm delete">删除</div>
                   </div>