更新

src/pages/contractRepayment/contract-repayment.vue

@@ -110,7 +110,7 @@ export default {
 <style lang='less' >
 #contract-repayment {
   .h-header {
-    background-color: #00469C;
+    background-color: @headerColor;
     .h-header-btn {
       img {
         width: 16px;
@@ -179,8 +179,8 @@ export default {
         }
 
         p.blue {
-          color: #1D3FFF;
-          border: 1px solid #1D3FFF;
+          color: @headerColor;
+          border: 1px solid @headerColor;
         }
 
         p.green {
@@ -299,7 +299,7 @@ export default {
       div {
         width: 140px;
         height: 32px;
-        background: #00469C;
+        background: @headerColor;
         border-radius: 4px;
         color: white;
         line-height: 32px;

src/pages/contractRepayment/repay-details.vue

@@ -156,7 +156,7 @@ export default {
 <style lang='less' >
 #repay-details {
   .h-header {
-    background-color: #00469C;
+    background-color: @headerColor;
     .h-header-btn {
       img {
         width: 16px;
@@ -193,7 +193,7 @@ export default {
         left: 0;
         width: 4px;
         height: 16px;
-        background: #1D3FFF;
+        background: @headerColor;
       }
     }
 
@@ -285,7 +285,7 @@ export default {
               span {
                 font-family: PingFangSC-Regular;
                 font-size: 13px;
-                color: #1D3FFF;
+                color: @headerColor;
                 letter-spacing: 0.4px;
                 position: absolute;
                 top: 5px;

src/pages/contractRepayment/repay-plan.vue

@@ -106,7 +106,7 @@ export default {
 <style lang='less' >
 #repay-plan {
   .h-header {
-    background-color: #00469C;
+    background-color: @headerColor;
     .h-header-btn {
       img {
         width: 16px;
@@ -146,7 +146,7 @@ export default {
         left: 0;
         width: 4px;
         height: 16px;
-        background: #1D3FFF;
+        background: @headerColor;
       }
 
       &:after {