首页update

src/views/common/home.vue

@@ -238,12 +238,12 @@ body,
 }
 
 .sample-bg {
-  /* background-color: green; */
+  background-color: #021327;
   height: 60%;
 }
 
 .sample-bg1 {
-  /* background-color: blueviolet; */
+  background-color: #021327;
   height: 40%;
 }
 
@@ -274,32 +274,32 @@ body,
 
 .bg1-1-1 {
   height: 25%;
-  padding: 10px;
-  border: 1px solid black;
+  padding: 10px 10px;
+  /* border: 1px solid black; */
 }
 
 .bg1-1-2 {
   height: 25%;
   padding: 10px;
-  border: 1px solid black;
+  /* border: 1px solid black; */
 }
 
 .box-company-title {
-  background-color: forestgreen;
+  background-color: #094198;
   display: flex;
   height: 100%;
 }
 
 .company-title {
-    font-size: 20px;
-    color: aliceblue;
-    margin: 0 auto;
-    align-items: center;
-    display: flex;
+  font-size: 20px;
+  color: aliceblue;
+  margin: 0 auto;
+  align-items: center;
+  display: flex;
 }
 
 .box-custom-number {
-  background-color: forestgreen;
+  background-color: #D65246;
   display: flex;
   height: 100%;
 }
@@ -313,7 +313,7 @@ body,
 }
 
 .box-contract-number {
-  background-color: forestgreen;
+  background-color: #11D2B7;
   display: flex;
   height: 100%;
 }
@@ -327,7 +327,7 @@ body,
 }
 
 .box-contract-amount {
-  background-color: forestgreen;
+  background-color: #F6A647;
   display: flex;
   height: 100%;
 }
@@ -345,37 +345,37 @@ body,
 .bg1-2-1 {
   height: 15%;
   padding: 10px;
-  border: 1px solid black;
+  /* border: 1px solid black; */
 }
 
 .bg1-2-2 {
   height: 25%;
   padding: 10px;
-  border: 1px solid black;
+  /* border: 1px solid black; */
 }
 
 .bg1-2-3 {
   height: 60%;
   padding: 10px;
-  border: 1px solid black;
+  /* border: 1px solid black; */
 }
 
 .box-notice-title {
-  background-color: forestgreen;
+  background-color: #2FB5F2;
   display: flex;
   height: 100%;
 }
 
 .notice-title {
   font-size: 20px;
-  color: aliceblue;
+  color: red;
   margin: 0 auto;
   align-items: center;
   display: flex;
 }
 
 .box-stat-number {
-  background-color: forestgreen;
+  background-color: #415065;
   display: flex;
   height: 100%;
 }
@@ -407,7 +407,7 @@ body,
 
 /*合同列表*/
 .box-contract-table {
-  background-color: forestgreen;
+  background-color: #415065;
   display: flex;
   height: 100%;
 }
@@ -424,25 +424,25 @@ body,
 
 .bg1-3-1 {
   height: 10%;
-  min-height: 45px;
+  /* min-height: 45px; */
   padding: 10px;
-  border: 1px solid black;
+  /* border: 1px solid black; */
 }
 
 .bg1-3-2 {
   height: 90%;
   padding: 10px;
-  border: 1px solid black;
+  /* border: 1px solid black; */
 }
 
 /*客户排名*/
 .box-custom-ranking {
-  background-color: forestgreen;
+  background-color: #415065;
   height: 100%;
 }
 
 .custom-ranking {
-  font-size: 16px;
+  font-size: 14px;
   color: aliceblue;
   display: flex;
   flex-direction: column;
@@ -465,26 +465,25 @@ body,
 
 .bg2-3-1 {
   height: 10%;
-  min-height: 45px;
-  padding: 10px;
-  border: 1px solid black;
+  padding: 5px 10px;
+  /* border: 1px solid black; */
 }
 
 .bg2-3-2 {
   height: 90%;
   padding: 10px;
-  border: 1px solid black;
+  /* border: 1px solid black; */
 }
 
 
 /*合同预警*/
 .box-contract-alert {
-  background-color: forestgreen;
+  background-color: #415065;
   height: 100%;
 }
 
 .contract-alert {
-  font-size: 16px;
+  font-size: 14px;
   color: aliceblue;
   display: flex;
   flex-direction: column;
@@ -496,7 +495,7 @@ body,
 }
 
 .contract-alert > .title > div {
-  background-color: forestgreen;
+  background-color: #415065;
   width: 100%;
   display:flex;
 	align-items:center;