修复 iphone 5 客户端主题无法关闭 与 多系统模式下平板不显示顶部导航问题

admin/css/admin.css

@@ -155,6 +155,18 @@
 	color: white !important;
 }
 
+@media screen and (min-width: 768px){
+	.layui-hide-sm {
+		display: inline-block!important;
+	}
+}
+
+@media screen and (min-width: 769px){
+	.layui-hide-sm {
+		display: none!important;
+	}
+}
+
 /** 新增兼容 */
 @media screen and (max-width:768px) {
 	.collaspe {
@@ -163,7 +175,7 @@
 	.pear-collasped-pe {
 		display: inline-block !important;
 	}
-
+	
 	.pear-mini .bottom-nav {
 		display: none;
 	}

component/pear/modules/admin.js

@@ -263,6 +263,7 @@ layui.define(['table', 'jquery', 'element', 'yaml','form', 'tab', 'menu', 'frame
 		});
 
 		body.on("click", ".setting", function() {
+			
 			let bgColorHtml =
 				'<li class="layui-this" data-select-bgcolor="dark-theme" >' +
 				'<a href="javascript:;" data-skin="skin-blue" style="" class="clearfix full-opacity-hover">' +
@@ -298,7 +299,7 @@ layui.define(['table', 'jquery', 'element', 'yaml','form', 'tab', 'menu', 'frame
 				anim: -1,
 				skin: 'layer-anim-right',
 				move: false,
-				content: html + buildColorHtml() + buildLinkHtml(),
+				content: html + buildColorHtml() + buildLinkHtml() + bottomTool(),
 				success: function(layero, index) {
 					form.render();
 
@@ -323,10 +324,24 @@ layui.define(['table', 'jquery', 'element', 'yaml','form', 'tab', 'menu', 'frame
 							layer.close(index);
 						});
 					})
+					
+					$('#closeTheme').click(function() {
+						const $layero = $('#layui-layer' + index);
+						$layero.animate({
+							left: $layero.offset().left + $layero.width()
+						}, 200, function() {
+							layer.close(index);
+						});
+					})
 				}
 			});
 		});
 
+		function bottomTool(){
+			
+			return "<button id='closeTheme' style='position: absolute;bottom: 20px;left: 20px;' class='pear-btn'>关闭</button>"
+		}
+
 		body.on('click', '[data-select-bgcolor]', function() {
 			const theme = $(this).attr('data-select-bgcolor');
 			$('[data-select-bgcolor]').removeClass("layui-this");