优化 form.css

component/pear/css/pear-module/form.css

@@ -1,33 +1,36 @@
-.layui-form-item {
-	margin-bottom: 0px !important;
-	margin-top: 5px !important;
+
+input::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder {
+  color: #ccc;
+}
+.layui-input:hover,
+.layui-textarea:hover,
+.layui-input:focus,
+.layui-textarea:focus {
+  border-color: #eee;
+}
+.layui-input:focus,
+.layui-textarea:focus {
+  border-color: #5FB878!important;
+  box-shadow: 0 0 0 3px rgba(95, 184, 120, 0.2)!important;
 }
 
-.layui-input {
-	height: 36px !important;
-	line-height: 36px !important;
-	border-radius: 3px !important;
+.layui-input[success],
+.layui-textarea[success] {
+  border-color: #5FB878!important;
+  box-shadow: 0 0 0 3px rgba(95, 184, 120, 0.2)!important;
 }
 
-.layui-form-label.layui-required:after {
-	content: "*";
-	color: red;
-	position: absolute;
-	top: 5px;
-	left: 15px;
+.layui-input[failure],
+.layui-textarea[failure] {
+  border-color: #f56c6c !important;
+  box-shadow: 0 0 0 3px rgba(245,108,108, 0.2)!important;
 }
 
-.layui-input[hover]:focus {
-	box-shadow: 0px 0px 3px 1px #5FB878 !important;
-	border: #5FB878 1px solid;
-}
-
-.layui-input[success] {
-	box-shadow: 0px 0px 3px 1px #5FB878 !important;
-	border: #5FB878 1px solid;
-}
-
-.layui-input[failure] {
-	box-shadow: 0px 0px 3px 1px #F56C6C;
-	border: #F56C6C 1px solid;
+.layui-input,
+.layui-select,
+.layui-textarea {
+  border-radius: 5px;
+  border-color: #eee;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }

config/pear.config.json

@@ -12,7 +12,7 @@
 	},
 	"tab": {
 		"muiltTab": true,
-		"keepState": true,
+		"keepState": false,
 		"tabMax": 30,
 		"index": {
 			"id": "10",