更新前端

static/admin/component/pear/css/module/menu.css

@@ -28,11 +28,6 @@
 	width: 230px;
 }
 
-.pear-nav-tree .layui-nav-child {
-	padding-top: 5px;
-	padding-bottom: 5px;
-}
-
 .pear-nav-tree .layui-nav-child dd.layui-this,
 .layui-nav-tree .layui-nav-child dd.layui-this a,
 .layui-nav-tree .layui-this,
@@ -133,15 +128,23 @@
 
 /** 隐 藏 后 子 级 悬 浮 菜 单 */
 .pear-nav-tree .layui-nav-hover {
+	position: fixed;
+	min-width: 130px;
+	padding: 4px;
+	display: block !important;
+	background: transparent !important;
+}
+.pear-nav-tree .layui-nav-hover:before {
+	content: '';
+	position: absolute;
+	right: 4px;
+	left: 4px;
+	bottom: 0;
+	top: 0;
 	border-radius: 4px;
 	overflow: hidden;
 	background-color: #28333E;
 	display: block;
-	position: fixed;
-	min-width: 130px;
-	margin-left: 62px;
-	padding-top: 4px !important;
-	padding-bottom: 4px !important;
 	box-shadow: 0px 0px 3px lightgray;
 }
 .pear-nav-tree .layui-nav-hover a span {
@@ -151,7 +154,7 @@
 	display: none;
 }
 .pear-nav-tree .layui-nav-child dd a span {
-	margin-left: 30px !important;
+	margin-left: 26px !important;
 }
 .pear-nav-tree .layui-nav-child dd a i {
 	display: none;
@@ -159,10 +162,11 @@
 .pear-nav-tree .layui-nav-hover dd a span {
 	margin-left: 0px !important;
 }
+.pear-nav-tree dl {
+	padding-top: 0;
+	padding-bottom: 0;
+}
 /** 亮 样 式*/
-
-/** 亮 样 式*/
-
 .dark-theme .layui-nav-tree{
 	background-color: #28333E!important; 
 }
@@ -172,6 +176,7 @@
 }
 
 .light-theme .pear-nav-tree,
+.light-theme .pear-nav-tree .layui-nav-hover:before,
 .light-theme .pear-nav-tree .layui-nav-child{
 	background-color: white!important;
 }
@@ -187,11 +192,6 @@
 	border-bottom-color: dimgray!important;
 }
 
-.light-theme .pear-nav-tree .layui-nav-child{
-	padding-top: 0px;
-	padding-bottom: 0px;
-}
-
 .light-theme .pear-nav-tree .layui-this a,
 .light-theme .pear-nav-tree .layui-this{
 	color: white!important;
@@ -247,10 +247,21 @@
 	width: 12px;
 	text-align: center;
 }
+.pear-nav-tree.arrow .layui-nav-child.layui-nav-hover>dd>a>.layui-nav-more {
+	display: inline-block !important;
+	transform: rotate(270deg);
+	-ms-transform: rotate(270deg);
+	-moz-transform: rotate(270deg);
+	-webkit-transform: rotate(270deg);
+	-o-transform: rotate(270deg);
+	width: 12px;
+	text-align: center;
+	background-color: transparent !important;
+}
 
+.pear-nav-tree.arrow .layui-nav-child.layui-nav-hover>a>.layui-nav-more:before,
 .pear-nav-tree.arrow .layui-nav-itemed>a>.layui-nav-more:before {
 	content: '\e61a';
-	background-color: transparent;
 	display: inline-block;
 	vertical-align: middle;
-}
+}