feat(core): 优化nav右侧菜单栏

common/templates/html/nav/nav-item-container.html

@@ -2,7 +2,4 @@
     <a style="white-space: nowrap;">
         {{d.text}}
     </a>
-    <dl class="layui-nav-child layui-nav-child-r">
-        <!-- 二级菜单 -->
-    </dl>
 </li>

common/templates/html/nav/nav.html

@@ -63,7 +63,7 @@
     }
 
     ul[m-id="{{d.mId}}"] button > a {
-        color: rgba(255,255,255,.7);
+        color: rgba(255, 255, 255, .7);
         -webkit-transition: all .3s;
     }
 
@@ -106,14 +106,25 @@
         align-items: center;
     }
 
-    ul[m-id="{{d.mId}}"] .left-btn-container {
+    ul[m-id="{{d.mId}}"] > div > .left-btn-container,
+    ul[m-id="{{d.mId}}"] > .right-area > .right-menu-container  {
         display: inline-flex;
     }
 
-    ul[m-id="{{d.mId}}"] .left-btn-container button {
+    ul[m-id="{{d.mId}}"] > div > .left-btn-container > button[m-id="home-btn"] {
+        font-size: 18px;
+    }
+
+    ul[m-id="{{d.mId}}"] > .right-area > .right-menu-container {
+        margin-left: 10px;
+        z-index: 2000;
+    }
+
+    ul[m-id="{{d.mId}}"] > div > .left-btn-container > button,
+    ul[m-id="{{d.mId}}"] > .right-area > .right-menu-container > button {
         font-family: "Lato", "Noto Sans SC";
         height: var(--nav-left-btn-height);
-        font-size: calc(var(--nav-left-btn-font-size) + 4px);
+        font-size: 14px;
         margin: 2px;
     }
 

common/templates/html/nav/shadow.html

@@ -0,0 +1,11 @@
+<style>
+    div[m-id="{{d.mId}}"] {
+        position: absolute;
+        z-index: 1000;
+        width: 100%;
+        background: transparent;
+        bottom: 0px;
+        top: var(--nav-height);
+    }
+</style>
+<div m-id="{{d.mId}}"></div>