diff --git a/view/templates/include/admin_header.html b/view/templates/include/admin_header.html
index a936e4b..d340f92 100644
--- a/view/templates/include/admin_header.html
+++ b/view/templates/include/admin_header.html
@@ -6,7 +6,7 @@
     <ul class="layui-nav layui-layout-left">
       <!-- 移动端显示 -->
       <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
-        <i class="layui-icon layui-icon-spread-left"></i>
+        <i id="leftEnumIcon" class="layui-icon layui-icon-spread-left"></i>
       </li>
 
       <!-- <li class="layui-nav-item layui-hide-xs"><a href="">nav 1</a></li>
diff --git a/view/templates/include/admin_leftmenu.html b/view/templates/include/admin_leftmenu.html
index 37fe5cb..5a95df3 100644
--- a/view/templates/include/admin_leftmenu.html
+++ b/view/templates/include/admin_leftmenu.html
@@ -1,4 +1,4 @@
-<div class="layui-side layui-bg-black admin-menu-list" style="background-color: #FFFFFF !important;color:#000000 !important;">
+<div id="L_demoNav" class="layui-side layui-bg-black admin-menu-list" style="background-color: #FFFFFF !important;color:#000000 !important;">
     <div class="layui-side-scroll admin-menu-layui-side-scroll">
       <ul class="layui-nav layui-nav-tree admin-layui-nav-tree" lay-filter="test" lay-bar="disabled">
         <li class="layui-nav-item layui-nav-itemed layui-menu-item-down">
diff --git a/view/templates/index/home.html b/view/templates/index/home.html
index 10773b1..229f021 100644
--- a/view/templates/index/home.html
+++ b/view/templates/index/home.html
@@ -165,7 +165,24 @@ layui.use(['element', 'layer', 'util'], function(){
 
   util.event('lay-header-event', {
     menuLeft: function(othis){
-      layer.msg('展开左侧菜单的操作', {icon: 0});
+      var btn = $("#leftEnumIcon");
+      if (btn.hasClass('layui-icon-spread-left')) {
+        menuShow(btn);
+      } else if (btn.has('layui-icon-shrink-right')) {
+        menuHide(btn);
+      }
+
+      function menuShow(btn) {
+        btn.removeClass('layui-icon-spread-left').addClass('layui-icon-shrink-right');
+        $('.layui-layout-admin').find('.layui-side').animate({left: '0'});
+        btn.parent().next().css('opacity', 1);
+      }
+
+      function menuHide(btn) {
+        btn.removeClass('layui-icon-shrink-right').addClass('layui-icon-spread-left');
+        $('.layui-layout-admin').find('.layui-side').animate({left: '-300'});
+        btn.parent().next().css('opacity', 0);
+      }
     }
     ,menuRight: function(){
       layer.open({