修改样式

src/components/common/Header.vue

@@ -122,21 +122,22 @@ export default {
     height: 55px;
     width: 100%;
     position: relative;
-    background-color: #1B2027;
+    background-color: #FFFFFF;
     border-bottom: 1px solid #eee;
     float: left;
   }
   .header .logo{
     float: left;
-    color: #FFFFFF;
-    padding: 0 40px;
+    padding: 0 25px;
     text-align: center;
-		color: #E6B085;
     cursor: pointer;
-		font-size: 18px;
-		border-right: 1px solid #E6B085;
+		font-size: 16px;
 		height: 25px;
 		margin-top: 15px;
+		background: url(../../../static/img/logo.png) no-repeat;
+    background-size: 15px;
+    margin-left: 20px;
+		color: #333;
   }
   .pageName{
     width: 1000px;
@@ -164,7 +165,6 @@ export default {
   }
   .user-info .el-dropdown-link{
     cursor: pointer;
-    color: #fff;
   }
   .user-info .user-logo{
     position: absolute;

src/components/common/Sidebar.vue

@@ -166,16 +166,17 @@ export default {
     line-height: 55px;
     padding: 0 10px;
     cursor: pointer;
-    color: #FFFFFF;
     flex: 1;
     height: 55px;
     text-align: center;
     overflow: hidden;
     min-width: 100px;
-    font-size: 16px;
+    font-size: 14px;
+		color: #455467;
+;
   }
   .menu ul li.cur{
-     color: #E6B085;
+     color: #DF9F01;
   }
 	.el-menu{
 		border-right: 0!important;
@@ -188,7 +189,7 @@ export default {
 	.el-menu--horizontal>.el-menu-item.is-active{
     border-bottom: 0!important;
 		// background-color: #1B2027;
-		color: #E6B085;
+		color: #DF9F01;
 	}
   .el-menu--horizontal>.el-menu-item:hover{
     color:#61636C

src/components/page/index/Login.vue

@@ -80,7 +80,7 @@ export default {
   width:100%;
   height:100%;
   overflow: hidden;
-  background:#fff url(../../../../static/img/login.png) no-repeat 90px 100px;
+  // background:#fff url(../../../../static/img/login.png) no-repeat 90px 100px;
   background-size: 38%;
 }
 .loginMain{

static/css/main.less

@@ -11,6 +11,7 @@
 html,body,#app,.wrapper{
   width:100%;
   height:100%;
+	color: #455467;
   /*overflow: hidden;*/
 }
 .wrapper{
@@ -20,7 +21,7 @@ html,body,#app,.wrapper{
 }
 body{
   font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
-	background-color: #ECECF0;
+	background-color: #EFF2F4;
 }
 a{text-decoration: none}
 .sidebarLeft{
@@ -151,7 +152,7 @@ a{text-decoration: none}
   float: left!important;
 }
 .color{
-  color: #E6B085!important;
+  color: #DF9F01!important;
 }
 .red{
   color: red!important;
@@ -181,8 +182,8 @@ a{text-decoration: none}
   min-width: 70px!important;
 }
 .el-button--primary{
-	background-color: #E6B085!important;
-	border-color: #E6B085!important;
+	background-color: #DF9F01!important;
+	border-color: #DF9F01!important;
 }
 .el-button--danger{
 	background-color: #BF0008!important;
@@ -190,21 +191,21 @@ a{text-decoration: none}
 }
 .el-button--default:hover,.el-button--default:focus{
 	background-color: #FFFFFF;
-	color: #E6B085!important;
-	border-color: #E6B085!important;
+	color: #DF9F01!important;
+	border-color: #DF9F01!important;
 }
 .el-button--primary:hover,.el-button--primary:focus{
 	color: #FFFFFF!important;
 }
 .el-dropdown-menu__item:hover{
-	color: #E6B085!important;
+	color: #DF9F01!important;
 	background-color: #FFFFFF!important;
 }
 .el-select .el-input.is-focus .el-input__inner,.el-input__inner:focus{
-	border-color: #E6B085!important;
+	border-color: #DF9F01!important;
 }
 .el-tabs__item:hover,.el-tabs__item.is-active,.el-menu-item.is-active,.el-select-dropdown__item.selected,.el-pager li.active,.el-pager li:hover{
-	color: #E6B085!important;
+	color: #DF9F01!important;
 }
 .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
 	background:none!important;
@@ -258,12 +259,12 @@ background-color:#bbb!important;
   text-align: center!important;
 }
 .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
-	background-color: #E6B085!important;
-	border-color: #E6B085!important;
+	background-color: #DF9F01!important;
+	border-color: #DF9F01!important;
 }
 .el-radio__input.is-checked .el-radio__inner{
-	background-color: #E6B085!important;
-	border-color: #E6B085!important;
+	background-color: #DF9F01!important;
+	border-color: #DF9F01!important;
 }
 .el-date-editor .el-range-separator,.el-range-editor .el-range-input,.el-popover,.el-cascader__label,.el-select-dropdown__item,.el-textarea__inner,.el-form-item__label,.el-form-item__content,.el-input,.el-tree-node__label,.el-checkbox__label,.el-radio__label{
   font-size:12px!important;
@@ -293,7 +294,7 @@ background-color:#bbb!important;
 	.shu{
 		width: 4px;
 		height: 15px;
-		background-color: #E6B085;
+		background-color: #DF9F01;
 		display: inline-block;
 		position: relative;
 		top: 2px;