statics file change

assets/component/pear/css/module/global.css

@@ -0,0 +1,977 @@
+.pear-container {
+	padding: 10px;
+	margin: 0px;
+	box-sizing: border-box;
+	background-color: transparent;
+	width: 100%;
+}
+
+*::-webkit-scrollbar {
+	width: 0px;
+	height: 0px;
+}
+
+*::-webkit-scrollbar {
+	width: 6px;
+	height: 6px;
+}
+
+*::-webkit-scrollbar-track {
+	background: transparent;
+}
+
+*::-webkit-scrollbar-thumb {
+	background: #E6E6E6;
+	border-radius: 4px;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+	background: #E6E6E6;
+}
+
+*::-webkit-scrollbar-corner {
+	background: #f6f6f6;
+}
+
+.pear-row::after,
+.pear-row::before {
+	content: "";
+	display: table;
+	clear: both;
+}
+
+.pear-col {
+	float: left;
+	min-height: 1px;
+}
+
+.pear-row * {
+	box-sizing: border-box
+}
+
+.pear-col-md1 {
+	width: 4.16%;
+}
+
+.pear-col-md2 {
+	width: 8.33%;
+}
+
+.pear-col-md3 {
+	width: 12.5%;
+}
+
+.pear-col-md4 {
+	width: 16.66%;
+}
+
+.pear-col-md5 {
+	width: 20.83%;
+}
+
+.pear-col-md6 {
+	width: 25%;
+}
+
+.pear-col-md7 {
+	width: 29.16%;
+}
+
+.pear-col-md8 {
+	width: 33.33%;
+}
+
+.pear-col-md9 {
+	width: 37.5%;
+}
+
+.pear-col-md10 {
+	width: 41.66%;
+}
+
+.pear-col-md11 {
+	width: 45.83%;
+}
+
+.pear-col-md12 {
+	width: 50%;
+}
+
+.pear-col-md13 {
+	width: 54.16%;
+}
+
+.pear-col-md14 {
+	width: 58.33%;
+}
+
+.pear-col-md15 {
+	width: 62.5%;
+}
+
+.pear-col-md16 {
+	width: 66.66%;
+}
+
+.pear-col-md17 {
+	width: 70.83%;
+}
+
+.pear-col-md18 {
+	width: 75%;
+}
+
+.pear-col-md19 {
+	width: 79.16%;
+}
+
+.pear-col-md20 {
+	width: 83.33%;
+}
+
+.pear-col-md21 {
+	width: 87.5%;
+}
+
+.pear-col-md22 {
+	width: 91.66%;
+}
+
+.pear-col-md23 {
+	width: 95.83%;
+}
+
+.pear-col-md24 {
+	width: 100%;
+}
+
+.pear-col-md-offset1 {
+	margin-left: 4.16%;
+}
+
+.pear-col-md-offset2 {
+	margin-left: 8.33%;
+}
+
+.pear-col-md-offset3 {
+	margin-left: 12.5%;
+}
+
+.pear-col-md-offset4 {
+	margin-left: 16.66%;
+}
+
+.pear-col-md-offset5 {
+	margin-left: 20.83%;
+}
+
+.pear-col-md-offset6 {
+	margin-left: 25%;
+}
+
+.pear-col-md-offset7 {
+	margin-left: 29.16%;
+}
+
+.pear-col-md-offset8 {
+	margin-left: 33.33%;
+}
+
+.pear-col-md-offset9 {
+	margin-left: 37.5%;
+}
+
+.pear-col-md-offset10 {
+	margin-left: 41.66%;
+}
+
+.pear-col-md-offset11 {
+	margin-left: 45.83%;
+}
+
+.pear-col-md-offset12 {
+	margin-left: 50%;
+}
+
+.pear-col-md-offset13 {
+	margin-left: 54.16%;
+}
+
+.pear-col-md-offset14 {
+	margin-left: 58.33%;
+}
+
+.pear-col-md-offset15 {
+	margin-left: 62.5%;
+}
+
+.pear-col-md-offset16 {
+	margin-left: 66.66%;
+}
+
+.pear-col-md-offset17 {
+	margin-left: 70.83%;
+}
+
+.pear-col-md-offset18 {
+	margin-left: 75%;
+}
+
+.pear-col-md-offset19 {
+	margin-left: 79.16%;
+}
+
+.pear-col-md-offset20 {
+	margin-left: 83.33%;
+}
+
+.pear-col-md-offset21 {
+	margin-left: 87.5%;
+}
+
+.pear-col-md-offset22 {
+	margin-left: 91.66%;
+}
+
+.pear-col-md-offset23 {
+	margin-left: 95.83%;
+}
+
+.pear-col-md-offset24 {
+	margin-left: 100%;
+}
+
+
+@media all and (max-width:768px) {
+	.pear-col-xs1 {
+		width: 4.16%;
+	}
+
+	.pear-col-xs2 {
+		width: 8.33%;
+	}
+
+	.pear-col-xs3 {
+		width: 12.5%;
+	}
+
+	.pear-col-xs4 {
+		width: 16.66%;
+	}
+
+	.pear-col-xs5 {
+		width: 20.83%;
+	}
+
+	.pear-col-xs6 {
+		width: 25%;
+	}
+
+	.pear-col-xs7 {
+		width: 29.16%;
+	}
+
+	.pear-col-xs8 {
+		width: 33.33%;
+	}
+
+	.pear-col-xs9 {
+		width: 37.5%;
+	}
+
+	.pear-col-xs10 {
+		width: 41.66%;
+	}
+
+	.pear-col-xs11 {
+		width: 45.83%;
+	}
+
+	.pear-col-xs12 {
+		width: 50%;
+	}
+
+	.pear-col-xs13 {
+		width: 54.16%;
+	}
+
+	.pear-col-xs14 {
+		width: 58.33%;
+	}
+
+	.pear-col-xs15 {
+		width: 62.5%;
+	}
+
+	.pear-col-xs16 {
+		width: 66.66%;
+	}
+
+	.pear-col-xs17 {
+		width: 70.83%;
+	}
+
+	.pear-col-xs18 {
+		width: 75%;
+	}
+
+	.pear-col-xs19 {
+		width: 79.16%;
+	}
+
+	.pear-col-xs20 {
+		width: 83.33%;
+	}
+
+	.pear-col-xs21 {
+		width: 87.5%;
+	}
+
+	.pear-col-xs22 {
+		width: 91.66%;
+	}
+
+	.pear-col-xs23 {
+		width: 95.83%;
+	}
+
+	.pear-col-xs24 {
+		width: 100%;
+	}
+
+	.pear-col-xs-offset1 {
+		margin-left: 4.16%;
+	}
+
+	.pear-col-xs-offset2 {
+		margin-left: 8.33%;
+	}
+
+	.pear-col-xs-offset3 {
+		margin-left: 12.5%;
+	}
+
+	.pear-col-xs-offset4 {
+		margin-left: 16.66%;
+	}
+
+	.pear-col-xs-offset5 {
+		margin-left: 20.83%;
+	}
+
+	.pear-col-xs-offset6 {
+		margin-left: 25%;
+	}
+
+	.pear-col-xs-offset7 {
+		margin-left: 29.16%;
+	}
+
+	.pear-col-xs-offset8 {
+		margin-left: 33.33%;
+	}
+
+	.pear-col-xs-offset9 {
+		margin-left: 37.5%;
+	}
+
+	.pear-col-xs-offset10 {
+		margin-left: 41.66%;
+	}
+
+	.pear-col-xs-offset11 {
+		margin-left: 45.83%;
+	}
+
+	.pear-col-xs-offset12 {
+		margin-left: 50%;
+	}
+
+	.pear-col-xs-offset13 {
+		margin-left: 54.16%;
+	}
+
+	.pear-col-xs-offset14 {
+		margin-left: 58.33%;
+	}
+
+	.pear-col-xs-offset15 {
+		margin-left: 62.5%;
+	}
+
+	.pear-col-xs-offset16 {
+		margin-left: 66.66%;
+	}
+
+	.pear-col-xs-offset17 {
+		margin-left: 70.83%;
+	}
+
+	.pear-col-xs-offset18 {
+		margin-left: 75%;
+	}
+
+	.pear-col-xs-offset19 {
+		margin-left: 79.16%;
+	}
+
+	.pear-col-xs-offset20 {
+		margin-left: 83.33%;
+	}
+
+	.pear-col-xs-offset21 {
+		margin-left: 87.5%;
+	}
+
+	.pear-col-xs-offset22 {
+		margin-left: 91.66%;
+	}
+
+	.pear-col-xs-offset23 {
+		margin-left: 95.83%;
+	}
+
+	.pear-col-xs-offset24 {
+		margin-left: 100%;
+	}
+}
+
+@media all and (min-width:768px) and (max-width:992px) {
+	.pear-col-sm1 {
+		width: 4.16%;
+	}
+
+	.pear-col-sm2 {
+		width: 8.33%;
+	}
+
+	.pear-col-sm3 {
+		width: 12.5%;
+	}
+
+	.pear-col-sm4 {
+		width: 16.66%;
+	}
+
+	.pear-col-sm5 {
+		width: 20.83%;
+	}
+
+	.pear-col-sm6 {
+		width: 25%;
+	}
+
+	.pear-col-sm7 {
+		width: 29.16%;
+	}
+
+	.pear-col-sm8 {
+		width: 33.33%;
+	}
+
+	.pear-col-sm9 {
+		width: 37.5%;
+	}
+
+	.pear-col-sm10 {
+		width: 41.66%;
+	}
+
+	.pear-col-sm11 {
+		width: 45.83%;
+	}
+
+	.pear-col-sm12 {
+		width: 50%;
+	}
+
+	.pear-col-sm13 {
+		width: 54.16%;
+	}
+
+	.pear-col-sm14 {
+		width: 58.33%;
+	}
+
+	.pear-col-sm15 {
+		width: 62.5%;
+	}
+
+	.pear-col-sm16 {
+		width: 66.66%;
+	}
+
+	.pear-col-sm17 {
+		width: 70.83%;
+	}
+
+	.pear-col-sm18 {
+		width: 75%;
+	}
+
+	.pear-col-sm19 {
+		width: 79.16%;
+	}
+
+	.pear-col-sm20 {
+		width: 83.33%;
+	}
+
+	.pear-col-sm21 {
+		width: 87.5%;
+	}
+
+	.pear-col-sm22 {
+		width: 91.66%;
+	}
+
+	.pear-col-sm23 {
+		width: 95.83%;
+	}
+
+	.pear-col-sm24 {
+		width: 100%;
+	}
+
+	.pear-col-sm-offset1 {
+		margin-left: 4.16%;
+	}
+
+	.pear-col-sm-offset2 {
+		margin-left: 8.33%;
+	}
+
+	.pear-col-sm-offset3 {
+		margin-left: 12.5%;
+	}
+
+	.pear-col-sm-offset4 {
+		margin-left: 16.66%;
+	}
+
+	.pear-col-sm-offset5 {
+		margin-left: 20.83%;
+	}
+
+	.pear-col-sm-offset6 {
+		margin-left: 25%;
+	}
+
+	.pear-col-sm-offset7 {
+		margin-left: 29.16%;
+	}
+
+	.pear-col-sm-offset8 {
+		margin-left: 33.33%;
+	}
+
+	.pear-col-sm-offset9 {
+		margin-left: 37.5%;
+	}
+
+	.pear-col-sm-offset10 {
+		margin-left: 41.66%;
+	}
+
+	.pear-col-sm-offset11 {
+		margin-left: 45.83%;
+	}
+
+	.pear-col-sm-offset12 {
+		margin-left: 50%;
+	}
+
+	.pear-col-sm-offset13 {
+		margin-left: 54.16%;
+	}
+
+	.pear-col-sm-offset14 {
+		margin-left: 58.33%;
+	}
+
+	.pear-col-sm-offset15 {
+		margin-left: 62.5%;
+	}
+
+	.pear-col-sm-offset16 {
+		margin-left: 66.66%;
+	}
+
+	.pear-col-sm-offset17 {
+		margin-left: 70.83%;
+	}
+
+	.pear-col-sm-offset18 {
+		margin-left: 75%;
+	}
+
+	.pear-col-sm-offset19 {
+		margin-left: 79.16%;
+	}
+
+	.pear-col-sm-offset20 {
+		margin-left: 83.33%;
+	}
+
+	.pear-col-sm-offset21 {
+		margin-left: 87.5%;
+	}
+
+	.pear-col-sm-offset22 {
+		margin-left: 91.66%;
+	}
+
+	.pear-col-sm-offset23 {
+		margin-left: 95.83%;
+	}
+
+	.pear-col-sm-offset24 {
+		margin-left: 100%;
+	}
+}
+
+@media all and (min-width:1200px) {
+	.pear-col-lg1 {
+		width: 4.16%;
+	}
+
+	.pear-col-lg2 {
+		width: 8.33%;
+	}
+
+	.pear-col-lg3 {
+		width: 12.5%;
+	}
+
+	.pear-col-lg4 {
+		width: 16.66%;
+	}
+
+	.pear-col-lg5 {
+		width: 20.83%;
+	}
+
+	.pear-col-lg6 {
+		width: 25%;
+	}
+
+	.pear-col-lg7 {
+		width: 29.16%;
+	}
+
+	.pear-col-lg8 {
+		width: 33.33%;
+	}
+
+	.pear-col-lg9 {
+		width: 37.5%;
+	}
+
+	.pear-col-lg10 {
+		width: 41.66%;
+	}
+
+	.pear-col-lg11 {
+		width: 45.83%;
+	}
+
+	.pear-col-lg12 {
+		width: 50%;
+	}
+
+	.pear-col-lg13 {
+		width: 54.16%;
+	}
+
+	.pear-col-lg14 {
+		width: 58.33%;
+	}
+
+	.pear-col-lg15 {
+		width: 62.5%;
+	}
+
+	.pear-col-lg16 {
+		width: 66.66%;
+	}
+
+	.pear-col-lg17 {
+		width: 70.83%;
+	}
+
+	.pear-col-lg18 {
+		width: 75%;
+	}
+
+	.pear-col-lg19 {
+		width: 79.16%;
+	}
+
+	.pear-col-lg20 {
+		width: 83.33%;
+	}
+
+	.pear-col-lg21 {
+		width: 87.5%;
+	}
+
+	.pear-col-lg22 {
+		width: 91.66%;
+	}
+
+	.pear-col-lg23 {
+		width: 95.83%;
+	}
+
+	.pear-col-lg24 {
+		width: 100%;
+	}
+
+	.pear-col-lg-offset1 {
+		margin-left: 4.16%;
+	}
+
+	.pear-col-lg-offset2 {
+		margin-left: 8.33%;
+	}
+
+	.pear-col-lg-offset3 {
+		margin-left: 12.5%;
+	}
+
+	.pear-col-lg-offset4 {
+		margin-left: 16.66%;
+	}
+
+	.pear-col-lg-offset5 {
+		margin-left: 20.83%;
+	}
+
+	.pear-col-lg-offset6 {
+		margin-left: 25%;
+	}
+
+	.pear-col-lg-offset7 {
+		margin-left: 29.16%;
+	}
+
+	.pear-col-lg-offset8 {
+		margin-left: 33.33%;
+	}
+
+	.pear-col-lg-offset9 {
+		margin-left: 37.5%;
+	}
+
+	.pear-col-lg-offset10 {
+		margin-left: 41.66%;
+	}
+
+	.pear-col-lg-offset11 {
+		margin-left: 45.83%;
+	}
+
+	.pear-col-lg-offset12 {
+		margin-left: 50%;
+	}
+
+	.pear-col-lg-offset13 {
+		margin-left: 54.16%;
+	}
+
+	.pear-col-lg-offset14 {
+		margin-left: 58.33%;
+	}
+
+	.pear-col-lg-offset15 {
+		margin-left: 62.5%;
+	}
+
+	.pear-col-lg-offset16 {
+		margin-left: 66.66%;
+	}
+
+	.pear-col-lg-offset17 {
+		margin-left: 70.83%;
+	}
+
+	.pear-col-lg-offset18 {
+		margin-left: 75%;
+	}
+
+	.pear-col-lg-offset19 {
+		margin-left: 79.16%;
+	}
+
+	.pear-col-lg-offset20 {
+		margin-left: 83.33%;
+	}
+
+	.pear-col-lg-offset21 {
+		margin-left: 87.5%;
+	}
+
+	.pear-col-lg-offset22 {
+		margin-left: 91.66%;
+	}
+
+	.pear-col-lg-offset23 {
+		margin-left: 95.83%;
+	}
+
+	.pear-col-lg-offset24 {
+		margin-left: 100%;
+	}
+}
+
+.pear-col-space1 {
+	margin: -.5px
+}
+
+.pear-col-space1>* {
+	padding: .5px
+}
+
+.pear-col-space2 {
+	margin: -1px
+}
+
+.pear-col-space2>* {
+	padding: 1px
+}
+
+.pear-col-space4 {
+	margin: -2px
+}
+
+.pear-col-space4>* {
+	padding: 2px
+}
+
+.pear-col-space5 {
+	margin: -2.5px
+}
+
+.pear-col-space5>* {
+	padding: 2.5px
+}
+
+.pear-col-space6 {
+	margin: -3px
+}
+
+.pear-col-space6>* {
+	padding: 3px
+}
+
+.pear-col-space8 {
+	margin: -4px
+}
+
+.pear-col-space8>* {
+	padding: 4px
+}
+
+.pear-col-space10 {
+	margin: -5px
+}
+
+.pear-col-space10>* {
+	padding: 5px
+}
+
+.pear-col-space12 {
+	margin: -6px
+}
+
+.pear-col-space12>* {
+	padding: 6px
+}
+
+.pear-col-space14 {
+	margin: -7px
+}
+
+.pear-col-space14>* {
+	padding: 7px
+}
+
+.pear-col-space15 {
+	margin: -7.5px
+}
+
+.pear-col-space15>* {
+	padding: 7.5px
+}
+
+.pear-col-space16 {
+	margin: -8px
+}
+
+.pear-col-space16>* {
+	padding: 8px
+}
+
+.pear-col-space18 {
+	margin: -9px
+}
+
+.pear-col-space18>* {
+	padding: 9px
+}
+
+.pear-col-space20 {
+	margin: -10px
+}
+
+.pear-col-space20>* {
+	padding: 10px
+}
+
+.pear-col-space22 {
+	margin: -11px
+}
+
+.pear-col-space22>* {
+	padding: 11px
+}
+
+.pear-col-space24 {
+	margin: -12px
+}
+
+.pear-col-space24>* {
+	padding: 12px
+}
+
+.pear-col-space25 {
+	margin: -12.5px
+}
+
+.pear-col-space25>* {
+	padding: 12.5px
+}
+
+.pear-col-space26 {
+	margin: -13px
+}
+
+.pear-col-space26>* {
+	padding: 13px
+}
+
+.pear-col-space28 {
+	margin: -14px
+}
+
+.pear-col-space28>* {
+	padding: 14px
+}
+
+.pear-col-space30 {
+	margin: -15px
+}
+
+.pear-col-space30>* {
+	padding: 15px
+}

assets/component/pear/css/module/menu.css

@@ -0,0 +1,277 @@
+.pear-nav-tree {
+	width: 230px !important;
+	border-radius: 0px;
+	background-color: #28333E;
+}
+
+.pear-nav-tree .layui-nav-item>a {
+	height: 56px;
+	line-height: 56px;
+	padding-top: 0px;
+	padding-bottom: 0px;
+}
+
+.pear-nav-tree .layui-nav-item dd a {
+	height: 48px;
+	line-height: 48px;
+}
+
+.pear-nav-tree .layui-nav-item>a .layui-nav-more {
+	padding: 0px;
+}
+
+.pear-side-scroll::-webkit-scrollbar {
+	width: 0px;
+	height: 0px;
+}
+
+.pear-side-scroll {
+	width: 230px;
+}
+
+.pear-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: var(--global-primary-color);
+}
+
+.pear-nav-tree .toast {
+	font-size: 14px;
+	margin: 5px;
+	margin-right: 8px;
+	text-align: center;
+	height: 40px;
+	line-height: 40px;
+	color: lightgray;
+}
+
+
+.pear-nav-tree .layui-nav-item a i {
+	margin-right: 12px;
+}
+
+.pear-nav-tree .layui-nav-item a span {
+	letter-spacing: 2px;
+	font-size: 13.5px;
+}
+
+.pear-nav-tree .layui-nav-item a:hover {
+	background-color: transparent;
+}
+
+.pear-nav-tree .layui-nav-more {
+	margin-right: 5px;
+}
+
+.pear-nav-tree .layui-nav-bar {
+	display: none;
+}
+
+.pear-nav-tree .layui-nav-item a .layui-badge-dot {
+	float: right;
+	right: 13px;
+}
+
+.pear-nav-tree .layui-nav-item a .layui-badge {
+	float: right;
+	right: 10px;
+}
+
+/** 实 现 菜 单 隐 藏 */
+.pear-nav-mini {
+	overflow: hidden;
+}
+
+.pear-nav-mini .layui-nav-item a span {
+	display: none;
+}
+
+.pear-nav-mini .layui-nav-child {
+	display: none;
+}
+
+.pear-nav-mini .layui-nav-more {
+	display: none !important;
+}
+
+.pear-nav-control.pc a {
+	font-weight: 500;
+	font-size: 14px;
+}
+
+.pear-nav-control.pc li {
+	display: inline-block;
+}
+
+.pear-nav-control.pc .layui-nav-bar {
+	top: 0px !important;
+}
+
+.pear-nav-control.pc .layui-this * {
+	background-color: whitesmoke;
+}
+
+.pear-nav-control.pc * {
+	color: darkslategray !important;
+}
+
+.pear-nav-control.pc .layui-nav-bar {
+	display: none !important;
+}
+
+.pear-nav-control .layui-nav-child {
+	border: 1px solid whitesmoke;
+	border-radius: 6px;
+	width: 150px;
+}
+
+/** 隐 藏 后 子 级 悬 浮 菜 单 */
+.pear-nav-tree .layui-nav-hover {
+	position: fixed;
+	min-width: 130px;
+	padding: 4px;
+	display: block !important;
+	background: transparent !important;
+}
+
+.pear-nav-tree .layui-nav-hover:before {
+	content: '';
+	position: absolute;
+	right: 4px;
+	left: 4px;
+	bottom: 0;
+	top: 0;
+	border-radius: 4px;
+	overflow: hidden;
+	background-color: #28333E;
+	display: block;
+	box-shadow: 0px 0px 3px lightgray;
+}
+
+.pear-nav-tree .layui-nav-hover a span {
+	display: inline-block !important;
+}
+
+.pear-nav-tree .layui-nav-hover a i {
+	display: none;
+}
+
+.pear-nav-tree .layui-nav-child dd a span {
+	margin-left: 26px !important;
+}
+
+.pear-nav-tree .layui-nav-child dd a i {
+	display: none;
+}
+
+.pear-nav-tree .layui-nav-hover dd a span {
+	margin-left: 0px !important;
+}
+
+.pear-nav-tree dl {
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+/** 亮 样 式*/
+.dark-theme .layui-nav-tree {
+	background-color: #28333E !important;
+}
+
+.light-theme {
+	background-color: white !important;
+}
+
+.light-theme .pear-nav-tree,
+.light-theme .pear-nav-tree .layui-nav-hover:before,
+.light-theme .pear-nav-tree .layui-nav-child {
+	background-color: white !important;
+}
+
+.light-theme .pear-nav-tree a,
+.light-theme .pear-nav-tree .layui-nav-more {
+	color: dimgray !important;
+	border-top-color: dimgray;
+}
+
+.light-theme .pear-nav-tree .layui-nav-itemed>a>.layui-nav-more {
+	border-top-color: white !important;
+	border-bottom-color: dimgray !important;
+}
+
+.light-theme .pear-nav-tree .layui-this a,
+.light-theme .pear-nav-tree .layui-this {
+	color: white !important;
+	background-color: var(--global-primary-color) !important;
+
+}
+
+.light-theme .pear-nav-tree .layui-this a:hover {
+	background-color: var(--global-primary-color) !important;
+
+}
+
+.light-theme .pear-nav-tree .layui-nav-bar {
+	display: none;
+
+}
+
+/** 下 拉 图 标 */
+.pear-nav-tree.arrow .layui-nav-more {
+	font-family: layui-icon !important;
+	font-size: 10px;
+	font-style: normal;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	overflow: hidden;
+	width: auto;
+	height: auto;
+	line-height: normal;
+	border: none;
+	top: 23px;
+	margin-right: 2px !important;
+	margin: 0;
+	padding: 0;
+	display: inline-block;
+	transition: all .2s;
+	-webkit-transition: all .2s;
+}
+
+.pear-nav-tree.arrow .layui-nav-child .layui-nav-more {
+	top: 17px;
+}
+
+.pear-nav-tree.arrow .layui-nav-more:before {
+	content: "\e61a";
+}
+
+.pear-nav-tree.arrow .layui-nav-itemed>a>.layui-nav-more {
+	transform: rotate(180deg);
+	-ms-transform: rotate(180deg);
+	-moz-transform: rotate(180deg);
+	-webkit-transform: rotate(180deg);
+	-o-transform: rotate(180deg);
+	width: 12px;
+	text-align: center;
+}
+
+.pear-nav-tree.arrow .layui-nav-child.layui-nav-hover>dd>a>.layui-nav-more {
+	display: inline-block !important;
+	transform: rotate(270deg);
+	-ms-transform: rotate(270deg);
+	-moz-transform: rotate(270deg);
+	-webkit-transform: rotate(270deg);
+	-o-transform: rotate(270deg);
+	width: 12px;
+	text-align: center;
+	background-color: transparent !important;
+}
+
+.pear-nav-tree.arrow .layui-nav-child.layui-nav-hover>a>.layui-nav-more:before,
+.pear-nav-tree.arrow .layui-nav-itemed>a>.layui-nav-more:before {
+	content: '\e61a';
+	display: inline-block;
+	vertical-align: middle;
+}

assets/component/pear/css/module/menuSearch.css

@@ -0,0 +1,90 @@
+/* 搜索面板 */
+.menu-search-content .layui-input {
+	padding-left: 30px;
+}
+
+.menu-search-content .layui-input:focus {
+	border: 1px solid var(--global-primary-color)!important;
+	box-shadow: none;
+}
+
+.menu-search-content {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+}
+
+.menu-search-input-wrapper {
+	width: 100%;
+	padding: 15px 15px;
+}
+
+.menu-search-no-data {
+	display: flex;
+	justify-content: center;
+	width: 100%;
+	height: 122px;
+	align-items: center;
+}
+
+.menu-search-list {
+	width: 100%;
+	padding: 5px 15px;
+}
+
+.menu-search-list li {
+	position: relative;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	flex-wrap: nowrap;
+	height: 50px;
+	margin-bottom: 8px;
+	padding: 0px 10px;
+	color: currentColor;
+	font-size: 14px;
+	border-radius: 4px;
+	box-shadow: 0 1px 3px #d4d9e1;
+	cursor: pointer;
+	background-color: #fff;
+}
+
+.menu-search-list li.this,
+.menu-search-list li:hover {
+	background-color: var(--global-primary-color);
+	color: white;
+}
+.menu-search-tips {
+    margin-bottom: 15px;
+    padding: 0 15px;
+    width: 100%
+}
+
+.menu-search-tips>div {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    font-size: 12px;
+}
+
+.menu-search-tips .mr-1 {
+    margin-right: 4px;
+}
+
+.menu-search-tips .mr-5 {
+    margin-right: 20px;
+}
+
+.menu-search-tips .w-5 {
+    width: 14px;
+}
+
+.menu-search-tips kbd {
+	line-height: 1.5;
+    border: 1px solid #e5e7eb;
+    font-size: 10px;
+    text-align: center;
+    padding: 2px 6px;
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
+    border-radius: 5px;
+}

assets/component/pear/css/module/messageCenter.css

@@ -0,0 +1,39 @@
+.pear-message-center {
+    width: 360px;
+    height: 100%;
+}
+
+.pear-message-center .layui-tab .layui-tab-title{
+    display: flex;
+}
+
+.pear-message-center .layui-tab .layui-tab-title .layui-this::after {
+    display: none;
+}
+
+.pear-message-center .layui-tab .layui-tab-title li {
+    flex: 1;
+}
+
+.pear-message-center .message-item img {
+	margin-left: 8px;
+	width: 33px !important;
+	height: 33px !important;
+	border-radius: 50px;
+	margin-right: 15px;
+}
+
+.pear-message-center .message-item {
+	height: 64px !important;
+	line-height: 45px !important;
+	padding-right: 20px;
+	padding-left: 20px;
+	border-bottom: 1px solid whitesmoke;
+	padding-top: 10px;
+	padding-bottom: 15px;
+}
+
+.pear-message-center .message-item .extra {
+	float: right;
+	right: 10px;
+}

assets/component/pear/css/module/nprogress.css

@@ -0,0 +1,73 @@
+/* Make clicks pass-through */
+#nprogress {
+  pointer-events: none;
+}
+
+#nprogress .bar {
+  background: var(--global-primary-color);
+
+  position: fixed;
+  z-index: 999999;
+  top: 0;
+  left: 0;
+
+  width: 100%;
+  height: 2px;
+}
+
+/* Fancy blur effect */
+#nprogress .peg {
+  display: block;
+  position: absolute;
+  right: 0px;
+  width: 100px;
+  height: 100%;
+  box-shadow: 0 0 10px var(--global-primary-color), 0 0 5px var(--global-primary-color);
+  opacity: 1.0;
+
+  -webkit-transform: rotate(3deg) translate(0px, -4px);
+      -ms-transform: rotate(3deg) translate(0px, -4px);
+          transform: rotate(3deg) translate(0px, -4px);
+}
+
+/* Remove these to get rid of the spinner */
+#nprogress .spinner {
+  display: block;
+  position: fixed;
+  z-index: 1031;
+  top: 15px;
+  right: 15px;
+}
+
+#nprogress .spinner-icon {
+  width: 18px;
+  height: 18px;
+  box-sizing: border-box;
+
+  border: solid 2px transparent;
+  border-top-color: var(--global-primary-color);
+  border-left-color: var(--global-primary-color);
+  border-radius: 50%;
+
+  -webkit-animation: nprogress-spinner 400ms linear infinite;
+          animation: nprogress-spinner 400ms linear infinite;
+}
+
+.nprogress-custom-parent {
+  overflow: hidden;
+  position: relative;
+}
+
+.nprogress-custom-parent #nprogress .spinner,
+.nprogress-custom-parent #nprogress .bar {
+  position: absolute;
+}
+
+@-webkit-keyframes nprogress-spinner {
+  0%   { -webkit-transform: rotate(0deg); }
+  100% { -webkit-transform: rotate(360deg); }
+}
+@keyframes nprogress-spinner {
+  0%   { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}

assets/component/pear/css/module/page.css

@@ -0,0 +1,154 @@
+.pear-page {
+	width: 100%;
+	position: relative;
+	overflow-y: auto;
+	height: 100%;
+}
+
+.pear-page .dot {
+	width: 5px;
+	height: 24px;
+	background-color: #5FB878;
+	margin-top: 8px;
+	margin-left: 15px;
+	border-radius: 2px;
+	display: inline-block;
+}
+
+.pear-page .pear-page-title {
+	height: 40px;
+	line-height: 40px;
+	background-color: white;
+	border: whitesmoke 1px solid;
+}
+
+.pear-page .pear-page-content,
+.pear-page .pear-page-content iframe {
+	width: 100%;
+	height: calc(100% - 0px) !important;
+}
+
+.pear-page .pear-page-content iframe {
+	height: calc(100% - 4px) !important;
+}
+
+.pear-page-loading {
+	position: absolute;
+	display: none;
+	width: 100%;
+	height: calc(100% - 0px) !important;
+	background-color: #fff;
+	top: 0px;
+	z-index: 19;
+}
+
+.pear-page-loading.close {
+	animation: close 1s;
+	-webkit-animation: close 1s;
+	animation-fill-mode: forwards;
+}
+
+.ball-loader {
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	transform: translate(-50%, -50%);
+	-ms-transform: translate(-50%, -50%);
+	-webkit-transform: translate(-50%, -50%)
+}
+
+.ball-loader>span,
+.signal-loader>span {
+	background-color: #4aca85;
+	display: inline-block
+}
+
+.ball-loader>span:nth-child(1),
+.ball-loader.sm>span:nth-child(1),
+.signal-loader>span:nth-child(1),
+.signal-loader.sm>span:nth-child(1) {
+	-webkit-animation-delay: 0s;
+	animation-delay: 0s
+}
+
+.ball-loader>span:nth-child(2),
+.ball-loader.sm>span:nth-child(2),
+.signal-loader>span:nth-child(2),
+.signal-loader.sm>span:nth-child(2) {
+	-webkit-animation-delay: .1s;
+	animation-delay: .1s
+}
+
+.ball-loader>span:nth-child(3),
+.ball-loader.sm>span:nth-child(3),
+.signal-loader>span:nth-child(3),
+.signal-loader.sm>span:nth-child(3) {
+	-webkit-animation-delay: .15s;
+	animation-delay: .15s
+}
+
+.ball-loader>span:nth-child(4),
+.ball-loader.sm>span:nth-child(4),
+.signal-loader>span:nth-child(4),
+.signal-loader.sm>span:nth-child(4) {
+	-webkit-animation-delay: .2s;
+	animation-delay: .2s
+}
+
+.ball-loader>span {
+	width: 20px;
+	height: 20px;
+	margin: 0 3px;
+	border-radius: 50%;
+	transform: scale(0);
+	-ms-transform: scale(0);
+	-webkit-transform: scale(0);
+	animation: ball-load 1s ease-in-out infinite;
+	-webkit-animation: 1s ball-load ease-in-out infinite
+}
+
+@-webkit-keyframes ball-load {
+	0% {
+		transform: scale(0);
+		-webkit-transform: scale(0)
+	}
+
+	50% {
+		transform: scale(1);
+		-webkit-transform: scale(1)
+	}
+
+	100% {
+		transform: scale(0);
+		-webkit-transform: scale(0)
+	}
+}
+
+@keyframes ball-load {
+	0% {
+		transform: scale(0);
+		-webkit-transform: scale(0)
+	}
+
+	50% {
+		transform: scale(1);
+		-webkit-transform: scale(1)
+	}
+
+	100% {
+		transform: scale(0);
+		-webkit-transform: scale(0)
+	}
+}
+
+@-webkit-keyframes close {
+	0% {
+		opacity: 1;
+		/*display: block;*/
+	}
+
+	100% {
+		opacity: 0;
+		/*display: none;*/
+	}
+}

assets/component/pear/css/module/tabPage.css

@@ -0,0 +1,314 @@
+.pear-tab-page {
+	margin: 0px;
+	overflow: hidden;
+	height: 100% !important;
+}
+
+.pear-tab-page .layui-tab-content {
+	height: calc(100% - 42px) !important;
+}
+
+.pear-tab-page .layui-tab-content .layui-tab-item {
+	overflow-y: auto;
+	height: 100%;
+}
+
+.pear-tab-page-menu{
+	box-shadow: none;
+	border-radius: 4px!important;
+	overflow: hidden;
+	box-shadow: 2px 0 6px rgba(0, 21, 41, .10);
+}
+
+.pear-tab-page-menu .item{
+	height: 20px;
+	padding-left: 18px;
+	padding-top: 7px;
+	padding-bottom: 7px;
+	color: #333;
+	font-size: 13.5px;
+	line-height: 20px;
+    cursor:pointer;
+}
+.pear-tab-page-menu .item:hover{
+	background: var(--global-primary-color);
+	color: white;
+}
+
+.pear-tab-page .layui-tab-content {
+	padding: 0px;
+}
+
+.pear-tab-page > .layui-tab-title {
+	border: none;
+	border: 1px solid whitesmoke;
+	background-color: white;
+}
+
+.pear-tab-page > .layui-tab-title li {
+	border-right: 1px solid whitesmoke;
+	color: dimgray;
+	font-size: 13.5px;
+}
+
+.pear-tab-page > .layui-tab-title .layui-tab-bar {
+	display: none;
+}
+
+.pear-tab-page .layui-nav-more {
+	display: none;
+}
+
+.pear-tab-page > .layui-tab-title .layui-this:after {
+	display: none;
+}
+
+.pear-tab-page > .layui-tab-title .pear-tab-page-active {
+	display: inline-block;
+	background-color: lightgray;
+	width: 8px;
+	height: 8px;
+	border-radius: 30px;
+	margin-right: 12px;
+}
+
+.pear-tab-page > .layui-tab-title .layui-this .pear-tab-page-active {
+	background-color: var(--global-primary-color) !important;
+}
+
+.pear-tab-page > .layui-tab-title .layui-tab-close:hover {
+	background-color: white;
+	line-height: 19px;
+	color: gray;
+}
+
+.pear-tab-page > .layui-tab-title .disable-close+.layui-tab-close {
+	display: none;
+}
+
+.pear-tab-page > .layui-tab-title .able-close+.layui-tab-close {
+	display: inline-block;
+}
+
+.pear-tab-page .layui-tab-close{
+	font-size: 13px;
+}
+
+.pear-tab-page .layui-tab-control>li {
+	position: absolute;
+	top: 0px;
+	height: 40px;
+	line-height: 40px;
+	width: 40px;
+	background-color: white;
+	border-top: whitesmoke 1px solid;
+	border-bottom: whitesmoke 1px solid;
+	text-align: center;
+}
+
+.pear-tab-page .layui-tab-prev {
+	left: 0px;
+	border-right: whitesmoke 1px solid;
+}
+
+.pear-tab-page .layui-tab-next {
+	right: 40px;
+	border-left: 1px solid whitesmoke;
+}
+
+.pear-tab-page .layui-tab-tool {
+	right: 0px;
+	border-left: 1px solid whitesmoke;
+}
+
+.pear-tab-page .layui-tab-control .layui-tab-tool,
+.pear-tab-page .layui-tab-control .layui-tab-prev,
+.pear-tab-page .layui-tab-control .layui-tab-next {
+	display: none;
+}
+
+.pear-tab-page.layui-tab-roll .layui-tab-control .layui-tab-prev,
+.pear-tab-page.layui-tab-roll .layui-tab-control .layui-tab-next {
+	display: block;
+}
+
+.pear-tab-page.layui-tab-roll .layui-tab-control .layui-tab-next {
+	right: 0px;
+	border-right: 1px solid whitesmoke;
+}
+
+.pear-tab-page.layui-tab-roll .layui-tab-title {
+	padding-left: 40px;
+	padding-right: 40px;
+}
+
+.pear-tab-page.layui-tab-tool .layui-tab-control .layui-tab-tool {
+	display: block;
+}
+
+.pear-tab-page.layui-tab-tool .layui-tab-title {
+	padding-left: 0px;
+	padding-right: 40px;
+}
+
+.pear-tab-page.layui-tab-rollTool > .layui-tab-title {
+	padding-left: 40px;
+	padding-right: 80px;
+}
+
+.pear-tab-page.layui-tab-rollTool .layui-tab-control .layui-tab-prev,
+.pear-tab-page.layui-tab-rollTool .layui-tab-control .layui-tab-next,
+.pear-tab-page.layui-tab-rollTool .layui-tab-control .layui-tab-tool {
+	display: block;
+}
+
+.pear-tab-page .layui-tab-tool .layui-nav {
+	position: absolute;
+	height: 43px !important;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	padding: 0;
+	background: 0 0;
+}
+
+.pear-tab-page .layui-tab-tool .layui-nav-item {
+	height: 40px;
+}
+
+.pear-tab-page .layui-tab-tool .layui-nav-bar {
+	display: none;
+}
+
+.pear-tab-page .layui-tab-tool .layui-nav-child {
+	left: auto;
+	top: 45px;
+	right: 3px;
+	width: 120px;
+	border: 1px solid whitesmoke;
+}
+
+.pear-tab-page .layui-tab-tool .layui-this a {
+	background-color: #009688;
+}
+
+.pear-tab-page-loading {
+	position: absolute;
+	display: none;
+	width: 100%;
+	height: calc(100% - 42px);
+	top: 42px;
+	z-index: 19;
+	background-color: #fff
+}
+
+.pear-tab-page-loading.close {
+	animation: close 1s;
+	-webkit-animation: close 1s;
+	animation-fill-mode: forwards;
+}
+
+.ball-loader {
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	transform: translate(-50%, -50%);
+	-ms-transform: translate(-50%, -50%);
+	-webkit-transform: translate(-50%, -50%)
+}
+
+.ball-loader>span,
+.signal-loader>span {
+	background-color: var(--global-primary-color) !important;
+	display: inline-block
+}
+
+.ball-loader>span:nth-child(1),
+.ball-loader.sm>span:nth-child(1),
+.signal-loader>span:nth-child(1),
+.signal-loader.sm>span:nth-child(1) {
+	-webkit-animation-delay: 0s;
+	animation-delay: 0s
+}
+
+.ball-loader>span:nth-child(2),
+.ball-loader.sm>span:nth-child(2),
+.signal-loader>span:nth-child(2),
+.signal-loader.sm>span:nth-child(2) {
+	-webkit-animation-delay: .1s;
+	animation-delay: .1s
+}
+
+.ball-loader>span:nth-child(3),
+.ball-loader.sm>span:nth-child(3),
+.signal-loader>span:nth-child(3),
+.signal-loader.sm>span:nth-child(3) {
+	-webkit-animation-delay: .15s;
+	animation-delay: .15s
+}
+
+.ball-loader>span:nth-child(4),
+.ball-loader.sm>span:nth-child(4),
+.signal-loader>span:nth-child(4),
+.signal-loader.sm>span:nth-child(4) {
+	-webkit-animation-delay: .2s;
+	animation-delay: .2s
+}
+
+.ball-loader>span {
+	width: 20px;
+	height: 20px;
+	margin: 0 3px;
+	border-radius: 50%;
+	transform: scale(0);
+	-ms-transform: scale(0);
+	-webkit-transform: scale(0);
+	animation: ball-load 1s ease-in-out infinite;
+	-webkit-animation: 1s ball-load ease-in-out infinite
+}
+
+@-webkit-keyframes ball-load {
+	0% {
+		transform: scale(0);
+		-webkit-transform: scale(0)
+	}
+
+	50% {
+		transform: scale(1);
+		-webkit-transform: scale(1)
+	}
+
+	100% {
+		transform: scale(0);
+		-webkit-transform: scale(0)
+	}
+}
+
+@keyframes ball-load {
+	0% {
+		transform: scale(0);
+		-webkit-transform: scale(0)
+	}
+
+	50% {
+		transform: scale(1);
+		-webkit-transform: scale(1)
+	}
+
+	100% {
+		transform: scale(0);
+		-webkit-transform: scale(0)
+	}
+}
+
+@-webkit-keyframes close {
+	0% {
+		opacity: 1;
+		/*display: block;*/
+	}
+
+	100% {
+		opacity: 0;
+		/*display: none;*/
+	}
+}