refactor: 迁移ul-group-title

source/components/_index.scss

@@ -43,4 +43,5 @@
 @import './nav/ul-nav-grid/index';
 @import './nav/ul-nav-info/index';
 @import './nav/ul-nav-tree-2/index';
+@import './title/ul-group-title/index';
 @import './title/ul-title/index';

source/components/title/ul-group-title/_index.env

@@ -0,0 +1,6 @@
+title=ul-group-title
+padding=0
+margin=0
+gray=0
+mobile=0
+inner_margin=0

source/components/title/ul-group-title/_index.html

@@ -0,0 +1,6 @@
+<div class="ul-group-title">
+    销售
+</div>
+<div class="ul-group-title">
+    设计
+</div>

source/components/title/ul-group-title/_index.php

@@ -0,0 +1,5 @@
+<?php
+
+return [
+
+];

source/components/title/ul-group-title/_index.scss

@@ -0,0 +1,7 @@
+
+.ul-group-title {
+    color        : #999;
+    border-bottom: 1px solid #bbb;
+    padding      : 5px 0;
+    margin-bottom: 15px;
+}

source/scss/layui-ul-change.css

@@ -0,0 +1,191 @@
+.layui-nav-tree .layui-nav-item a:hover {
+  background-color: #6699CC;
+}
+
+.layui-bg-black {
+  background-color: #66CCFF !important;
+}
+
+.layui-nav-tree .layui-nav-child dd.layui-this,
+.layui-nav-tree .layui-nav-child dd.layui-this a,
+.layui-nav-tree .layui-this,
+.layui-nav-tree .layui-this > a,
+.layui-nav-tree .layui-this > a:hover {
+  background-color: #6699CC;
+}
+
+.layui-layout-admin .layui-logo {
+  color: #fff;
+  line-height: 45px;
+}
+
+.layui-layout-admin .layui-header {
+  background-color: #39BDFF;
+}
+
+.layui-nav {
+  background-color: #66CCFF;
+}
+
+.layui-header {
+  height: 45px;
+}
+
+.layui-nav .layui-nav-item {
+  line-height: 45px;
+}
+
+.layui-nav .layui-nav-item a {
+  color: #FFFFFF;
+}
+
+.layui-nav .layui-nav-child a {
+  color: #66CCFF;
+}
+
+.layui-nav .layui-this::after,
+.layui-nav-bar,
+.layui-nav-tree .layui-nav-itemed::after {
+  background-color: #CCFFFF;
+}
+
+.layui-tab-brief > .layui-tab-title .layui-this {
+  color: #66CCFF;
+}
+
+.layui-tab-brief > .layui-tab-more li.layui-this::after,
+.layui-tab-brief > .layui-tab-title .layui-this::after {
+  border-color: #66CCFF;
+}
+
+.layui-btn {
+  background-color: #66CCFF;
+}
+
+.layui-btn-danger {
+  background-color: #FF5722;
+}
+
+.layui-btn-primary {
+  background-color: #fff;
+  color: #666;
+  border-color: #d2d2d2;
+}
+
+.layui-btn-primary:hover {
+  border-color: #6cf;
+}
+
+.layui-btn.layui-btn-disabled {
+  background-color: #FBFBFB;
+}
+
+.layui-form-radio > i:hover,
+.layui-form-radioed > i {
+  color: #66CCFF;
+}
+
+.layui-form-radio:hover *,
+.layui-form-radioed,
+.layui-form-radioed > i {
+  color: #66CCFF;
+}
+
+.layui-elem-quote {
+  border-color: #66CCFF;
+}
+
+.layui-laydate td.layui-this {
+  background-color: #66CCFF !important;
+}
+
+.layui-form-checkbox[lay-skin=primary]:hover i {
+  border-color: #66CCFF;
+}
+
+.layui-form-checked[lay-skin=primary] i {
+  border-color: #66CCFF !important;
+  background-color: #66CCFF !important;
+}
+
+.layui-form-checked span,
+.layui-form-checked:hover span {
+  background-color: #66CCFF;
+}
+
+.layui-form-checked i,
+.layui-form-checked:hover i {
+  color: #66CCFF;
+}
+
+.layui-form-select dl dd.layui-this {
+  background-color: #66CCFF;
+}
+
+.layui-form-label {
+  width: unset;
+  padding: 3px 3px;
+  float: unset;
+  text-align: left;
+  font-weight: 600;
+  font-size: 15px;
+}
+
+.layui-input-block {
+  margin-left: 0;
+}
+
+.layui-form-pane .layui-form-label {
+  float: left;
+  font-weight: normal;
+  font-size: 14px;
+}
+
+.layui-nav-tree .layui-nav-item a {
+  height: 35px;
+  line-height: 35px;
+}
+
+.layui-nav-tree {
+  width: 140px;
+}
+
+.layui-layout-admin .layui-side {
+  width: 140px;
+  top: 45px;
+}
+
+.layui-layout-admin .layui-footer {
+  left: 140px;
+  height: 35px;
+  line-height: 35px;
+}
+
+.layui-layout-admin .layui-body {
+  top: 45px;
+}
+
+.layui-side-scroll {
+  width: 140px;
+}
+
+.layui-body {
+  left: 140px;
+}
+
+.layui-nav .layui-nav-child dd.layui-this a,
+.layui-nav-child dd.layui-this {
+  background-color: #19B3FF;
+}
+
+.layui-nav-child {
+  padding: 0;
+}
+
+.layui-nav-tree .layui-nav-bar {
+  background-color: #66CCFF;
+}
+
+.layui-form-label .layui-word-aux {
+  font-size: 12px;
+}

source/scss/layui-ul.css

@@ -2549,6 +2549,13 @@
   word-wrap: anywhere;
 }
 
+.ul-group-title {
+  color: #999;
+  border-bottom: 1px solid #bbb;
+  padding: 5px 0;
+  margin-bottom: 15px;
+}
+
 .ul-title {
   text-align: center;
   line-height: 1.5;
@@ -2758,13 +2765,6 @@
   background-position: center;
 }
 
-.ul-group-title {
-  color: #999;
-  border-bottom: 1px solid #bbb;
-  padding: 5px 0;
-  margin-bottom: 15px;
-}
-
 .ul-tree-item {
   background-color: #fbfbfb;
   cursor: pointer;

source/scss/layui-ul.scss

@@ -211,12 +211,6 @@
     background-position: center;
 }
 
-.ul-group-title {
-    color        : #999;
-    border-bottom: 1px solid #bbb;
-    padding      : 5px 0;
-    margin-bottom: 15px;
-}
 
 .ul-tree-item {
     background-color: #fbfbfb;