refactor: 迁移ul-group-title

demo/pc/title.html

@@ -1,16 +1,3 @@
-<fieldset class="layui-elem-field layui-field-title">
-    <legend>分组标题</legend>
-    <div class="layui-field-box">
-        <div class="ul-group-title">
-            销售
-        </div>
-        <div class="ul-group-title">
-            设计
-        </div>
-
-    </div>
-</fieldset>
-
 <fieldset class="layui-elem-field layui-field-title">
     <legend>分组标题-2</legend>
     <div class="layui-field-box">

public/cdn/fontawesome-free-6.4.0-web/scss/regular.css

@@ -0,0 +1,21 @@
+/*!
+ * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+:root, :host {
+  --fa-style-family-classic: "Font Awesome 6 Free";
+  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
+}
+
+@font-face {
+  font-family: "Font Awesome 6 Free";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype");
+}
+.far,
+.fa-regular {
+  font-weight: 400;
+}

public/cdn/fontawesome-free-6.4.0-web/scss/solid.css

@@ -0,0 +1,21 @@
+/*!
+ * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+:root, :host {
+  --fa-style-family-classic: "Font Awesome 6 Free";
+  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
+}
+
+@font-face {
+  font-family: "Font Awesome 6 Free";
+  font-style: normal;
+  font-weight: 900;
+  font-display: block;
+  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype");
+}
+.fas,
+.fa-solid {
+  font-weight: 900;
+}

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;