From 4bd482b6fadcd214f563d5e48aea2dcc6cd74872 Mon Sep 17 00:00:00 2001
From: Jmysy <Jmys1992@gmail.com>
Date: Wed, 3 Jun 2020 18:48:36 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Pear Admin v 2.0/admin/css/pearAdmin.css         | 14 ++++++++++++++
 .../component/layui/lay/extends/pearAdmin.js     | 16 +++++++++++-----
 Pear Admin v 2.0/index.html                      |  7 ++++++-
 3 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/Pear Admin v 2.0/admin/css/pearAdmin.css b/Pear Admin v 2.0/admin/css/pearAdmin.css
index 6430c19..df9cf80 100644
--- a/Pear Admin v 2.0/admin/css/pearAdmin.css	
+++ b/Pear Admin v 2.0/admin/css/pearAdmin.css	
@@ -12,6 +12,20 @@
 				display: none!important;
 			}
 			
+			.pe-collaspe{
+				position: absolute;
+				width: 50px;
+				height: 50px;
+				line-height: 50px;
+				background-color: #5FB878;
+				z-index: 9999;
+				right: 40px;
+				bottom: 25px;
+				border-radius: 50px;
+				text-align: center;
+				color: white;
+			}
+			
 			/**
 			 * 风格
 			 * */
diff --git a/Pear Admin v 2.0/component/layui/lay/extends/pearAdmin.js b/Pear Admin v 2.0/component/layui/lay/extends/pearAdmin.js
index a94dfc7..1b3e92a 100644
--- a/Pear Admin v 2.0/component/layui/lay/extends/pearAdmin.js	
+++ b/Pear Admin v 2.0/component/layui/lay/extends/pearAdmin.js	
@@ -205,20 +205,22 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearTab', 'pearMenu', 'pear
 
 
 		this.menuSkin = function(theme) {
-
-			$(".pear-admin").removeClass("light-theme");
+            $(".pear-admin").removeClass("light-theme");
 			$(".pear-admin").removeClass("dark-theme");
 			$(".pear-admin").addClass(theme);
-
-		}
+        }
 	};
 
 
 	$("body").on("click", ".collaspe,.pear-cover", function() {
 		sideMenu.collaspe();
 		if ($(".pear-admin").is(".pear-mini")) {
+		    $(".layui-icon-spread-left").addClass("layui-icon-shrink-right")
+		    $(".layui-icon-spread-left").removeClass("layui-icon-spread-left")
 			$(".pear-admin").removeClass("pear-mini");
 		} else {
+	    	$(".layui-icon-shrink-right").addClass("layui-icon-spread-left")
+			$(".layui-icon-shrink-right").removeClass("layui-icon-shrink-right")
 			$(".pear-admin").addClass("pear-mini");
 		}
 	})
@@ -248,9 +250,13 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearTab', 'pearMenu', 'pear
 	function compatible() {
 		if ($(window).width() <= 768) {
 			sideMenu.collaspe();
-			if ($(".pear-admin").is(".pear-mini")) {
+			if ($(".pear-admin").is(".pear-mini")) {	
+				$(".layui-icon-spread-left").addClass("layui-icon-shrink-right")
+				$(".layui-icon-spread-left").removeClass("layui-icon-spread-left")
 				$(".pear-admin").removeClass("pear-mini");
 			} else {
+				$(".layui-icon-shrink-right").addClass("layui-icon-spread-left")
+				$(".layui-icon-shrink-right").removeClass("layui-icon-shrink-right")
 				$(".pear-admin").addClass("pear-mini");
 			}
 		}
diff --git a/Pear Admin v 2.0/index.html b/Pear Admin v 2.0/index.html
index a63d48e..c72a77d 100644
--- a/Pear Admin v 2.0/index.html	
+++ b/Pear Admin v 2.0/index.html	
@@ -19,7 +19,7 @@
 		<div class="layui-layout layui-layout-admin">
 			<div class="layui-header">
 				<ul class="layui-nav layui-layout-left">
-					<li class="collaspe layui-nav-item"><a href="#" class="layui-icon layui-icon-shrink-right"></a></li>
+					<li class="collaspe layui-nav-item layui-hide-xs"><a href="#" class="layui-icon layui-icon-shrink-right"></a></li>
 					<li class="refresh layui-nav-item"><a href="#" class="layui-icon layui-icon-refresh-1"></a></li>
 				</ul>
 				<div id="control" class="layui-layout-control"></div>
@@ -60,6 +60,11 @@
 		<div class="preloader">
 			<div class="preloader-inner"></div>
 		</div>
+		
+		<!-- 移动端 的 收缩适配 -->
+		<div class="collaspe pe-collaspe layui-hide-sm">
+			<i class="layui-icon layui-icon-shrink-right"></i>
+		</div>
 
 		<script src="component/layui/layui.js"></script>
 		<script>