用户管理-列表开发

src/app/pages/main.scss

@@ -1,12 +1,31 @@
+/* 基础样式 */
+.mr10{
+	margin-right: 10px;
+}
+.red{
+	color: red;
+}
+.orange{
+	color: orange;
+}
+
 .system-main-container {
+	position: relative;
 	padding: 20px 20px;
 	width: 100%;
 	height: 100%;
 	min-height: 300px;
 	background-color: #f0f0f0;
-	.system-main-body{
+	overflow-y: scroll;
+	.system-main-content{
 		height: 100%;
-		width: 100%;
+		min-height: 600px;
+		.search-box{
+
+		}
+		.table-box{
+
+		}
 	}
 }
 .card{
@@ -14,9 +33,14 @@
 	background: #fff;
 	padding: 20px;
 	box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
+	border-radius: 0;
 }
 
 .tree-box{
+	position: relative;
+	min-width: 300px;
+	min-height: 600px;
+	margin-right: 10px;
 	float: left;
 	padding: 20px;
 	height: 100%;
@@ -24,6 +48,15 @@
 	box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
 
 }
+.page-box{
+	text-align: center;
+	margin-top: 30px;
+	margin-bottom: 10px;
+}
+.table-operation-box{
+	margin-bottom: 16px;
+}
+
 
 /* 目录树样式 */
 :host /deep/ ul.tree{