diff --git a/public/cdn/layui-ul.css b/public/cdn/layui-ul.css
index 326a594..405d110 100644
--- a/public/cdn/layui-ul.css
+++ b/public/cdn/layui-ul.css
@@ -603,6 +603,7 @@
   padding: 5px 0;
   cursor: pointer;
   color: #333;
+  display: block;
 }
 
 .ul-nav-min-item:hover {
diff --git a/view/index/index/index.html b/view/index/index/index.html
index fd46ac2..0de60f4 100644
--- a/view/index/index/index.html
+++ b/view/index/index/index.html
@@ -73,6 +73,16 @@
       </div>
     </div>
   </div>
+  <div class="right-tips-container" style="display: none;">
+    <div class="ul-nav-min right-tips-nav" style="width: 160px;">
+
+    </div>
+  </div>
+  <div class="tpl" style="display: none;">
+    <a class="ul-nav-min-item">
+      个人中心
+    </a>
+  </div>
   <script>
     function renderRepeat(elem) {
       $(elem).find('[data-repeat]').each(function () {
@@ -116,6 +126,32 @@
     layui.util.fixbar()
 
 
+    $('.main-content h2,.main-content>.demo-page>fieldset>legend').each(function (index, elem) {
+
+      var id = 'title' + index;
+      $(elem).attr('id', id)
+
+      var navItem = $('.tpl .ul-nav-min-item').clone()
+      navItem.attr('href', '#' + id)
+      navItem.text($(elem).text())
+      navItem.appendTo('.right-tips-nav')
+    })
+
+    if ($('.right-tips-nav').children().length > 0) {
+      layer.open({
+        type: 1,
+        content: $('.right-tips-container'),
+        title: '目录',
+        offset: 'r',
+        closeBtn: 0,
+        shade: 0,
+        success(layero){
+          $(layero).css('margin-left','-15px')
+        }
+      })
+    }
+
+
   </script>
 </body>