From 0ecc75f925c82a574f9c6f370c5de9869da85ada Mon Sep 17 00:00:00 2001
From: sakuya <81883387@qq.com>
Date: Tue, 27 Jul 2021 23:41:40 +0800
Subject: [PATCH] =?UTF-8?q?FIX=20=E7=A7=BB=E5=8A=A8=E7=AB=AF=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95,form,dialog,drawer=E7=9A=84=E8=A1=A8=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/sideM.vue | 24 ++++++++++++++++++++----
 src/style/pages.less            |  8 ++++++++
 2 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/src/layout/components/sideM.vue b/src/layout/components/sideM.vue
index 66e023f0..58523b11 100644
--- a/src/layout/components/sideM.vue
+++ b/src/layout/components/sideM.vue
@@ -2,10 +2,20 @@
 	<div ref="" class="mobile-nav-button" @click="showMobileNav($event)" v-drag draggable="false"><i class="el-icon-menu"></i></div>
 
 	<el-drawer ref="mobileNavBox" title="移动端菜单" :size="240" v-model="nav" direction="ltr" :with-header="false" destroy-on-close>
-		<el-menu :default-active="$route.meta.active || $route.fullPath" @select="select" router>
-			<NavMenu :navMenus="menu"></NavMenu>
-		</el-menu>
+		<el-container class="mobile-nav">
+			<el-header>
+				<div class="logo-bar"><img class="logo" src="img/logo.png"><span>SCUI</span></div>
+			</el-header>
+			<el-main>
+				<el-scrollbar>
+					<el-menu :default-active="$route.meta.active || $route.fullPath" @select="select" router background-color="transparent" text-color="#fff" active-text-color="#409EFF">
+						<NavMenu :navMenus="menu"></NavMenu>
+					</el-menu>
+				</el-scrollbar>
+			</el-main>
+		</el-container>
 	</el-drawer>
+
 </template>
 
 <script>
@@ -95,7 +105,7 @@
 						if(l > 0 && l < document.body.clientWidth - 50){
 							oDiv.style.left = l + "px";
 						}
-						
+
 
 					}
 					document.onmouseup = function(){
@@ -117,4 +127,10 @@
 <style scoped>
 	.mobile-nav-button {position: fixed;bottom:10px;left:10px;z-index: 10;width: 50px;height: 50px;background: #409EFF;box-shadow: 0 2px 12px 0 rgba(64, 158, 255, 1);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
 	.mobile-nav-button i {color: #fff;font-size: 20px;}
+
+	.mobile-nav {background: #212d3d;}
+	.mobile-nav .el-header {background: transparent;border: 0;}
+	.mobile-nav .el-main {padding:0;}
+	.mobile-nav .logo-bar {display: flex;align-items: center;font-weight: bold;font-size: 20px;color: #fff;}
+	.mobile-nav .logo-bar img {width: 30px;margin-right: 10px;}
 </style>
diff --git a/src/style/pages.less b/src/style/pages.less
index 5ff7d179..47dd6b7c 100644
--- a/src/style/pages.less
+++ b/src/style/pages.less
@@ -14,3 +14,11 @@
 .static-table {border-collapse: collapse;width: 100%;font-size: 14px;margin-bottom: 45px;line-height: 1.5em;}
 .static-table th {text-align: left;white-space: nowrap;color: #909399;font-weight: 400;border-bottom: 1px solid #dcdfe6;padding: 15px;max-width: 250px;}
 .static-table td {border-bottom: 1px solid #dcdfe6;padding: 15px;max-width: 250px;color: #606266;}
+
+@media (max-width: 992px){
+	.el-form-item {display: block;}
+	.el-form-item__label {display: block;text-align: left;padding: 0 0 10px;}
+	.el-dialog {width: 90%!important;}
+	.el-drawer.rtl {width: 90%!important;}
+	.el-form-item__content {margin-left: 0px!important;}
+}