a

src/theme/app.scss

@@ -32,9 +32,10 @@ body,
 	padding: 0;
 	width: 100%;
 	height: 100%;
-	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
 	font-weight: 400;
 	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
 	-webkit-tap-highlight-color: transparent;
 	background-color: var(--next-bg-main-color);
 	font-size: 14px;
@@ -49,7 +50,8 @@ body,
 	width: 100%;
 	height: 100%;
 	.layout-pd {
-		padding: 5px !important;
+		padding: 10px !important;
+		background: linear-gradient(135deg,#f5f7fa,#e9ecef);
 	}
 	.layout-flex {
 		display: flex;
@@ -101,14 +103,15 @@ body,
 		&-auto {
 			height: inherit;
 			@extend .layout-flex;
-			padding: 10px;
+			padding: 20px;
 		}
 		&-view {
 			background: var(--el-color-white);
 			width: 100%;
 			height: 100%;
-			border-radius: 4px;
-			border: 1px solid var(--el-border-color-light, #ebeef5);
+			border-radius: 10px;
+			// border: 1px solid var(--el-border-color-light, #ebeef5);
+			box-shadow: 0 2px 12px #00000014;
 			overflow: hidden;
 		}
 	}
@@ -134,10 +137,18 @@ body,
 		border-right: 1px solid var(--el-border-color-light, #ebeef5);
 	}
 	// pc端左侧导航样式
+	.layout-aside-pc-200 {
+		width: 200px !important;
+		transition: width 0.3s ease;
+	}
 	.layout-aside-pc-220 {
 		width: 220px !important;
 		transition: width 0.3s ease;
 	}
+	.layout-aside-pc-230 {
+		width: 230px !important;
+		transition: width 0.3s ease;
+	}
 	.layout-aside-pc-250 {
 		width: 250px !important;
 		transition: width 0.3s ease;
@@ -154,12 +165,12 @@ body,
 	.layout-aside-mobile {
 		position: fixed;
 		top: 0;
-		left: -220px;
-		width: 220px;
+		left: -200px;
+		width: 200px;
 		z-index: 9999999;
 	}
 	.layout-aside-mobile-close {
-		left: -220px;
+		left: -200px;
 		transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
 	}
 	.layout-aside-mobile-open {

src/theme/element.scss

@@ -2,6 +2,11 @@
 
 /* Button 按钮
 ------------------------------- */
+// 全局设置按钮圆角
+.el-button {
+	border-radius: 6px;
+}
+
 // 第三方字体图标大小
 .el-button:not(.is-circle) i.el-icon,
 .el-button i.iconfont,
@@ -394,14 +399,29 @@
 
 /* Table 表格 element plus 2.2.0 版本
 ------------------------------- */
-// 表格修改默认颜色
+// 优化表格样式
 .el-table {
+	border-radius: 8px;
+	overflow: hidden;
 	color: #000000;
+	
 	.el-button.is-text {
 		padding: 0;
 	}
 }
 
+// 表格表头样式
+.el-table th {
+	background-color: #fafbfc!important;
+	color: #606266!important;
+	font-weight: 600!important;	
+}
+
+// 表格行hover样式
+.el-table tr:hover {
+	background-color: #f5f7ff;
+}
+
 /* scrollbar
 ------------------------------- */
 .el-scrollbar__bar {