menu.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. <style type="text/css">
  2. .layui-nav-tree .layui-nav-bar {
  3. background: #249EFB !important;
  4. }
  5. .layui-nav-tree .layui-nav-child a,
  6. .layui-nav .layui-nav-item a {
  7. color: #333 !important;
  8. }
  9. /* .layui-nav .layui-nav-item a:hover {
  10. color: #249EFB !important;
  11. } */
  12. .layui-nav-tree .layui-nav-child,
  13. .layui-nav-tree .layui-nav-child a:hover {
  14. color: #249EFB !important;
  15. }
  16. .layui-nav-itemed>a,
  17. .layui-nav-tree .layui-nav-title a,
  18. .layui-nav-tree .layui-nav-title a:hover {
  19. color: #333 !important;
  20. }
  21. .layui-nav-tree .layui-nav-child,
  22. .layui-nav-tree .layui-nav-child a:hover {
  23. background-color: #FFFFFF !important;
  24. }
  25. .layui-layout-admin .layui-header {
  26. height: 72px;
  27. border-bottom: 1px solid rgba(65, 155, 249, .35) !important;
  28. }
  29. .layui-side-menu .layui-nav {
  30. margin-top: 0;
  31. }
  32. .layui-layout-admin .layui-side,
  33. .layadmin-pagetabs {
  34. top: 72px;
  35. }
  36. .layui-layout-admin .layui-logo {
  37. height: 71px;
  38. box-shadow: none;
  39. }
  40. .layui-layout-admin .layui-body {
  41. top: 112px;
  42. }
  43. .layui-layout-admin .layui-header .layui-nav {
  44. height: 100%;
  45. }
  46. .layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-itemed>a {
  47. background: none;
  48. }
  49. .layui-layout-admin .layui-header .layui-nav .layui-nav-item,
  50. .layui-layout-admin .layui-logo {
  51. line-height: 71px;
  52. height: 71px;
  53. }
  54. .layui-nav-tree .layui-this,
  55. .layui-nav-tree .layui-this>a,
  56. .layui-nav-tree .layui-nav-child dd.layui-this,
  57. .layui-nav-tree .layui-nav-child dd.layui-this a {
  58. color: #fff !important;
  59. }
  60. .layui-nav .layui-nav-more {
  61. border-color: #249EFB transparent transparent;
  62. border-top-color: #249EFB;
  63. }
  64. .layui-nav .layui-nav-mored,
  65. .layui-nav-itemed>a .layui-nav-more {
  66. border-color: transparent transparent #249EFB;
  67. }
  68. .layui-nav-child dd span {
  69. height: 40px;
  70. line-height: 40px;
  71. padding-left: 45px;
  72. padding-right: 30px;
  73. color: #929292;
  74. }
  75. .nav_top_logos{max-width:220px;height: 72px;background:#249efb !important;width:100%;position: absolute;top: 0;left: 0;z-index: 111;}
  76. .nav_top_logos .zq_logos{margin-left:15px;}
  77. /* .layui-layout-admin .layui-side, .layadmin-pagetabs{top:0;} */
  78. .layui-side-menu {
  79. box-shadow: none;
  80. }
  81. .nav_top_w60{width:60px;}
  82. </style>
  83. <!-- 侧边菜单 -->
  84. <div class="layui-side layui-side-menu" style="background: #FFFFFF !important;">
  85. <div class="layui-side-scroll">
  86. <!--logo-->
  87. <!-- <div class="woverflow nav_top_logos">
  88. <div class="zq_logos wleft">
  89. <img class="zq_logo_img" src="__STATIC__/img/tm_logo.png"/>
  90. </div>
  91. <img class="wleft zq_logo_txt" src="__STATIC__/img/zq_logo.png"/>
  92. <img class="wleft zq_logo_fgx" src="__STATIC__/img/zq_fgx.png"/>
  93. <div class="wleft zq_logo_bt">
  94. <p class="zq_logo_bt_txt font14">{$company_info.company_name}</p>
  95. <p class="zq_logo_bt_txt">营销数字化系统</p>
  96. </div>
  97. </div>
  98. <div style="height: 72px;"></div> -->
  99. <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu"
  100. lay-filter="layadmin-system-side-menu">
  101. {volist name="menus" id="menu"}
  102. <li data-name="train" class="layui-nav-item " data-type="{:url($menu.uri)}">
  103. <a href="javascript:;" lay-tips="{$menu.auth_name}" lay-direction="1" {notempty name="menu.uri"
  104. }lay-href="{:url($menu.uri)}" {/notempty}>
  105. <i class="{$menu.icon}"></i>
  106. <cite>{$menu.auth_name}</cite>
  107. </a>
  108. {notempty name="menu.child"}
  109. <dl class="layui-nav-child">
  110. {volist name="menu.child" id="child"}
  111. <dd>
  112. {notempty name="child.uri"}
  113. <a lay-href="{:url($child.uri)}" class="menu_disable">{$child.auth_name}</a>
  114. {else/}
  115. <span>{$child.auth_name}</span>
  116. {/notempty}
  117. </dd>
  118. {/volist}
  119. </dl>
  120. {/notempty}
  121. </li>
  122. {/volist}
  123. </ul>
  124. </div>
  125. </div>