diff --git a/examples/element.nav.html b/examples/element.nav.html
index 87b27563..65786c0f 100644
--- a/examples/element.nav.html
+++ b/examples/element.nav.html
@@ -127,103 +127,94 @@
 
 <div class="demo-nav-tree">
   <div class="layui-inline">
-
     <ul class="layui-nav layui-nav-tree" lay-accordion lay-filter="test">
       <li class="layui-nav-item">
-        <a class="" href="javascript:;">产品</a>
+        <a class="" href="javascript:;">菜单 1</a>
         <dl class="layui-nav-child">
-          <dd><a href="javascript:;">移动模块</a></dd>
-          <dd>
-            <a href="javascript:;">后台模版</a>
-            <dl class="layui-nav-child">
-              <dd><a href="javascript:;">组件一</a></dd>
-              <dd>
-                <a href="javascript:;">组件二</a>
-              </dd>
-              <dd><a href="javascript:;">组件三</a></dd>
-            </dl>
-          </dd>
-          <dd><a href="javascript:;">电商平台</a></dd>
-          <dd><a href="">跳转菜单</a></dd>
+          <dd><a href="javascript:;">选项1</a></dd>
+          <dd><a href="javascript:;">选项2</a></dd>
+          <dd><a href="javascript:;">选项3</a></dd>
         </dl>
       </li>
       <li class="layui-nav-item">
-        <a href="javascript:;">解决方案</a>
+        <a href="javascript:;">菜单 2</a>
         <dl class="layui-nav-child">
-          <dd><a href="javascript:;">移动模块</a></dd>
-          <dd>
-            <a href="javascript:;">后台模版</a>
-          </dd>
-          <dd><a href="">电商平台</a></dd>
+          <dd><a href="javascript:;">选项1</a></dd>
+          <dd><a href="javascript:;">选项2</a></dd>
+          <dd><a href="javascript:;">选项3</a></dd>
         </dl>
       </li>
-      <li class="layui-nav-item"><a href="javascript:;">云市场</a></li>
-      <li class="layui-nav-item"><a href="">社区</a></li>
+      <li class="layui-nav-item">
+        <a href="javascript:;">菜单 3</a>
+        <dl class="layui-nav-child">
+          <dd><a href="javascript:;">选项1</a></dd>
+          <dd><a href="javascript:;">选项2</a></dd>
+          <dd><a href="javascript:;">选项3</a></dd>
+        </dl>
+      </li>
+      <li class="layui-nav-item"><a href="javascript:;">菜单 4</a></li>
+      <li class="layui-nav-item"><a href="javascript:;">菜单 5</a></li>
     </ul>
-
   </div>
   <div class="layui-inline">
-
-    <ul class="layui-nav layui-nav-tree layui-bg-gray"  lay-filter="test">
+    <ul class="layui-nav layui-nav-tree layui-bg-gray" lay-filter="test">
       <li class="layui-nav-item">
-        <a class="" href="javascript:;">产品</a>
+        <a class="" href="javascript:;">菜单 1</a>
         <dl class="layui-nav-child">
-          <dd><a href="javascript:;">移动模块</a></dd>
-          <dd>
-            <a href="javascript:;">后台模版</a>
-            <dl class="layui-nav-child">
-              <dd><a href="javascript:;">组件一</a></dd>
-              <dd>
-                <a href="javascript:;">组件二</a>
-              </dd>
-              <dd><a href="javascript:;">组件三</a></dd>
-            </dl>
-          </dd>
-          <dd><a href="javascript:;">电商平台</a></dd>
-          <dd><a href="">跳转菜单</a></dd>
+          <dd><a href="javascript:;">选项1</a></dd>
+          <dd><a href="javascript:;">选项2</a></dd>
+          <dd><a href="javascript:;">选项3</a></dd>
         </dl>
       </li>
       <li class="layui-nav-item">
-        <a href="javascript:;">解决方案</a>
+        <a href="javascript:;">菜单 2</a>
         <dl class="layui-nav-child">
-          <dd><a href="javascript:;">移动模块</a></dd>
-          <dd>
-            <a href="javascript:;">后台模版</a>
-          </dd>
-          <dd><a href="">电商平台</a></dd>
+          <dd><a href="javascript:;">选项1</a></dd>
+          <dd><a href="javascript:;">选项2</a></dd>
+          <dd><a href="javascript:;">选项3</a></dd>
         </dl>
       </li>
-      <li class="layui-nav-item"><a href="javascript:;">云市场</a></li>
-      <li class="layui-nav-item"><a href="">社区</a></li>
+      <li class="layui-nav-item">
+        <a href="javascript:;">菜单 3</a>
+        <dl class="layui-nav-child">
+          <dd><a href="javascript:;">选项1</a></dd>
+          <dd><a href="javascript:;">选项2</a></dd>
+          <dd><a href="javascript:;">选项3</a></dd>
+        </dl>
+      </li>
+      <li class="layui-nav-item"><a href="javascript:;">菜单 4</a></li>
+      <li class="layui-nav-item"><a href="javascript:;">菜单 5</a></li>
     </ul>
-
   </div>
   <div class="layui-inline">
-
-    <ul class="layui-nav layui-bg-cyan layui-nav-tree"  lay-filter="test">
+    <ul class="layui-nav layui-nav-tree layui-bg-black" lay-accordion lay-filter="test">
       <li class="layui-nav-item layui-nav-itemed">
-        <a class="" href="javascript:;">产品</a>
+        <a class="" href="javascript:;">菜单 1</a>
         <dl class="layui-nav-child">
-          <dd><a href="javascript:;">移动模块</a></dd>
-          <dd>
-            <a href="javascript:;">后台模版</a>
-          </dd>
-          <dd><a href="javascript:;">电商平台</a></dd>
-          <dd><a href="">跳转菜单</a></dd>
+          <dd><a href="javascript:;">选项1</a></dd>
+          <dd><a href="javascript:;">选项2</a></dd>
+          <dd><a href="javascript:;">选项3</a></dd>
         </dl>
       </li>
       <li class="layui-nav-item">
-        <a href="javascript:;">解决方案</a>
+        <a href="javascript:;">菜单 2</a>
         <dl class="layui-nav-child">
-          <dd><a href="javascript:;">移动模块</a></dd>
-          <dd><a href="javascript:;">后台模版</a></dd>
-          <dd><a href="">电商平台</a></dd>
+          <dd><a href="javascript:;">选项1</a></dd>
+          <dd><a href="javascript:;">选项2</a></dd>
+          <dd><a href="javascript:;">选项3</a></dd>
         </dl>
       </li>
-      <li class="layui-nav-item"><a href="">云市场</a></li>
-      <li class="layui-nav-item"><a href="">社区</a></li>
+      <li class="layui-nav-item">
+        <a href="javascript:;">菜单 3</a>
+        <dl class="layui-nav-child">
+          <dd><a href="javascript:;">选项1</a></dd>
+          <dd><a href="javascript:;">选项2</a></dd>
+          <dd><a href="javascript:;">选项3</a></dd>
+        </dl>
+      </li>
+      <li class="layui-nav-item"><a href="javascript:;">菜单 4</a></li>
+      <li class="layui-nav-item"><a href="javascript:;">菜单 5</a></li>
     </ul>
-
   </div>
 </div>