修改颜色兼容性

dist/css/AppRecord.4ffbe6b3.css

@@ -1 +1 @@
-.mheader[data-v-9865a7b0]{height:.44rem;overflow:hidden}.m-nav-header[data-v-9865a7b0]{position:absolute;left:0;top:0;width:100%;height:.44rem;line-height:.44rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#1a1a1a;background:#fff}.m-nav-header.fixed[data-v-9865a7b0]{position:fixed;z-index:99}.m-nav-header.headerColor[data-v-9865a7b0]{background-color:#14928a;color:#fff}.m-nav-header.headerColor .m-nav-bar__title[data-v-9865a7b0]{color:#fff;font-size:.18rem}.m-nav-header .m-nav-bar__title[data-v-9865a7b0]{max-width:60%;margin:0 auto;color:#333;font-weight:500;font-size:.18rem}.m-nav-header .m-nav-bar__left[data-v-9865a7b0],.m-nav-header .m-nav-bar__right[data-v-9865a7b0]{position:absolute;bottom:0}.m-nav-header .m-nav-bar__left[data-v-9865a7b0]{left:.12rem}.m-nav-header .m-nav-bar__left .arrow-left[data-v-9865a7b0]{font-size:.21rem;vertical-align:middle}.m-nav-header .m-nav-bar__right[data-v-9865a7b0]{right:.12rem}.appRecord[data-v-2ca3f40e]{min-height:100vh}[data-v-2ca3f40e] .van-cell{padding:14px 16px;font-size:16px;color:var(--font-main-color)}[data-v-2ca3f40e] .van-cell .van-cell__value{width:40%;text-align:left;-webkit-box-flex:1;-ms-flex:auto;flex:auto;color:var(--font-second-color)}[data-v-2ca3f40e] .van-cell .payTime{color:var(--red-color)}.section[data-v-2ca3f40e]{margin-top:10px}.van-button--default[data-v-2ca3f40e]{border:0;color:var(--main-color);font-size:15px;height:.5rem;line-height:.52rem}.van-button--primary[data-v-2ca3f40e]{margin:.35rem 0 .1rem;background-color:var(--main-color);border:1px solid var(--main-color);color:#fff;font-size:.18rem;height:.5rem;line-height:.52rem;width:90%;margin-left:5%}
+.mheader[data-v-9865a7b0]{height:.44rem;overflow:hidden}.m-nav-header[data-v-9865a7b0]{position:absolute;left:0;top:0;width:100%;height:.44rem;line-height:.44rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#1a1a1a;background:#fff}.m-nav-header.fixed[data-v-9865a7b0]{position:fixed;z-index:99}.m-nav-header.headerColor[data-v-9865a7b0]{background-color:#14928a;color:#fff}.m-nav-header.headerColor .m-nav-bar__title[data-v-9865a7b0]{color:#fff;font-size:.18rem}.m-nav-header .m-nav-bar__title[data-v-9865a7b0]{max-width:60%;margin:0 auto;color:#333;font-weight:500;font-size:.18rem}.m-nav-header .m-nav-bar__left[data-v-9865a7b0],.m-nav-header .m-nav-bar__right[data-v-9865a7b0]{position:absolute;bottom:0}.m-nav-header .m-nav-bar__left[data-v-9865a7b0]{left:.12rem}.m-nav-header .m-nav-bar__left .arrow-left[data-v-9865a7b0]{font-size:.21rem;vertical-align:middle}.m-nav-header .m-nav-bar__right[data-v-9865a7b0]{right:.12rem}.appRecord[data-v-2ca3f40e]{min-height:100vh}[data-v-2ca3f40e] .van-cell{padding:14px 16px;font-size:16px;color:var(--font-main-color, #333333)}[data-v-2ca3f40e] .van-cell .van-cell__value{width:40%;text-align:left;-webkit-box-flex:1;-ms-flex:auto;flex:auto;color:var(--font-second-color, #999999)}[data-v-2ca3f40e] .van-cell .payTime{color:var(--red-color, #FF3535)}.section[data-v-2ca3f40e]{margin-top:10px}.van-button--default[data-v-2ca3f40e]{border:0;color:var(--main-color, #2DC7AA);font-size:15px;height:.5rem;line-height:.52rem}.van-button--primary[data-v-2ca3f40e]{margin:.35rem 0 .1rem;background-color:var(--main-color, #2DC7AA);border:1px solid var(--main-color, #2DC7AA);color:#fff;font-size:.18rem;height:.5rem;line-height:.52rem;width:90%;margin-left:5%}

dist/css/ApplyList.f217d476.css

@@ -1 +1 @@
-.mheader[data-v-9865a7b0]{height:.44rem;overflow:hidden}.m-nav-header[data-v-9865a7b0]{position:absolute;left:0;top:0;width:100%;height:.44rem;line-height:.44rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#1a1a1a;background:#fff}.m-nav-header.fixed[data-v-9865a7b0]{position:fixed;z-index:99}.m-nav-header.headerColor[data-v-9865a7b0]{background-color:#14928a;color:#fff}.m-nav-header.headerColor .m-nav-bar__title[data-v-9865a7b0]{color:#fff;font-size:.18rem}.m-nav-header .m-nav-bar__title[data-v-9865a7b0]{max-width:60%;margin:0 auto;color:#333;font-weight:500;font-size:.18rem}.m-nav-header .m-nav-bar__left[data-v-9865a7b0],.m-nav-header .m-nav-bar__right[data-v-9865a7b0]{position:absolute;bottom:0}.m-nav-header .m-nav-bar__left[data-v-9865a7b0]{left:.12rem}.m-nav-header .m-nav-bar__left .arrow-left[data-v-9865a7b0]{font-size:.21rem;vertical-align:middle}.m-nav-header .m-nav-bar__right[data-v-9865a7b0]{right:.12rem}.mbutton[data-v-26f1a8ea]{margin:.35rem 0 .2rem}.van-button--primary[data-v-26f1a8ea]{background-color:var(--main-color);border:1px solid var(--main-color);color:#fff;font-size:.18rem;height:.5rem;line-height:.52rem;width:90%;margin-left:5%}.applyList[data-v-86984006]{height:100vh;overflow-y:auto;overflow-x:hidden;background-color:#f3f4f8}.applyList[data-v-86984006] .van-form{padding-top:.15rem}.applyList[data-v-86984006] .van-cell{padding:.13rem .16rem}.applyList[data-v-86984006] .van-field__label{font-size:.17rem;color:#333;width:1.15rem}.applyList[data-v-86984006] .van-field__body{font-size:.16rem}.applyList[data-v-86984006] .van-field__control{color:#999}.applyList .codeText[data-v-86984006]{font-size:.16rem;color:#2dc7aa}
+.mheader[data-v-9865a7b0]{height:.44rem;overflow:hidden}.m-nav-header[data-v-9865a7b0]{position:absolute;left:0;top:0;width:100%;height:.44rem;line-height:.44rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#1a1a1a;background:#fff}.m-nav-header.fixed[data-v-9865a7b0]{position:fixed;z-index:99}.m-nav-header.headerColor[data-v-9865a7b0]{background-color:#14928a;color:#fff}.m-nav-header.headerColor .m-nav-bar__title[data-v-9865a7b0]{color:#fff;font-size:.18rem}.m-nav-header .m-nav-bar__title[data-v-9865a7b0]{max-width:60%;margin:0 auto;color:#333;font-weight:500;font-size:.18rem}.m-nav-header .m-nav-bar__left[data-v-9865a7b0],.m-nav-header .m-nav-bar__right[data-v-9865a7b0]{position:absolute;bottom:0}.m-nav-header .m-nav-bar__left[data-v-9865a7b0]{left:.12rem}.m-nav-header .m-nav-bar__left .arrow-left[data-v-9865a7b0]{font-size:.21rem;vertical-align:middle}.m-nav-header .m-nav-bar__right[data-v-9865a7b0]{right:.12rem}.mbutton[data-v-26f1a8ea]{margin:.35rem 0 .2rem}.van-button--primary[data-v-26f1a8ea]{background-color:var(--main-color, #2DC7AA);border:1px solid var(--main-color, #2DC7AA);color:#fff;font-size:.18rem;height:.5rem;line-height:.52rem;width:90%;margin-left:5%}.applyList[data-v-86984006]{height:100vh;overflow-y:auto;overflow-x:hidden;background-color:#f3f4f8}.applyList[data-v-86984006] .van-form{padding-top:.15rem}.applyList[data-v-86984006] .van-cell{padding:.13rem .16rem}.applyList[data-v-86984006] .van-field__label{font-size:.17rem;color:#333;width:1.15rem}.applyList[data-v-86984006] .van-field__body{font-size:.16rem}.applyList[data-v-86984006] .van-field__control{color:#999}.applyList .codeText[data-v-86984006]{font-size:.16rem;color:#2dc7aa}

dist/css/ExamRecord.575234fd.css

@@ -1 +1 @@
-.mheader[data-v-9865a7b0]{height:.44rem;overflow:hidden}.m-nav-header[data-v-9865a7b0]{position:absolute;left:0;top:0;width:100%;height:.44rem;line-height:.44rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#1a1a1a;background:#fff}.m-nav-header.fixed[data-v-9865a7b0]{position:fixed;z-index:99}.m-nav-header.headerColor[data-v-9865a7b0]{background-color:#14928a;color:#fff}.m-nav-header.headerColor .m-nav-bar__title[data-v-9865a7b0]{color:#fff;font-size:.18rem}.m-nav-header .m-nav-bar__title[data-v-9865a7b0]{max-width:60%;margin:0 auto;color:#333;font-weight:500;font-size:.18rem}.m-nav-header .m-nav-bar__left[data-v-9865a7b0],.m-nav-header .m-nav-bar__right[data-v-9865a7b0]{position:absolute;bottom:0}.m-nav-header .m-nav-bar__left[data-v-9865a7b0]{left:.12rem}.m-nav-header .m-nav-bar__left .arrow-left[data-v-9865a7b0]{font-size:.21rem;vertical-align:middle}.m-nav-header .m-nav-bar__right[data-v-9865a7b0]{right:.12rem}.appRecord[data-v-ae47ed9a]{min-height:100vh}.appRecord .container[data-v-ae47ed9a]{margin-bottom:20px}[data-v-ae47ed9a] .van-cell{padding:14px 16px;font-size:16px;color:var(--font-main-color)}[data-v-ae47ed9a] .van-cell .van-cell__value{width:40%;text-align:left;-webkit-box-flex:1;-ms-flex:auto;flex:auto;color:var(--font-second-color)}[data-v-ae47ed9a] .van-cell .payTime{color:var(--red-color)}.section[data-v-ae47ed9a]{margin-top:10px}.van-button--default[data-v-ae47ed9a]{border:0;color:var(--main-color);font-size:15px;height:.5rem;line-height:.52rem}[data-v-ae47ed9a] .van-button__text{display:-webkit-box;display:-ms-flexbox;display:flex}.arrow[data-v-ae47ed9a]{min-width:1em;font-size:1.2em;line-height:inherit;margin-left:5px}
+.mheader[data-v-9865a7b0]{height:.44rem;overflow:hidden}.m-nav-header[data-v-9865a7b0]{position:absolute;left:0;top:0;width:100%;height:.44rem;line-height:.44rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#1a1a1a;background:#fff}.m-nav-header.fixed[data-v-9865a7b0]{position:fixed;z-index:99}.m-nav-header.headerColor[data-v-9865a7b0]{background-color:#14928a;color:#fff}.m-nav-header.headerColor .m-nav-bar__title[data-v-9865a7b0]{color:#fff;font-size:.18rem}.m-nav-header .m-nav-bar__title[data-v-9865a7b0]{max-width:60%;margin:0 auto;color:#333;font-weight:500;font-size:.18rem}.m-nav-header .m-nav-bar__left[data-v-9865a7b0],.m-nav-header .m-nav-bar__right[data-v-9865a7b0]{position:absolute;bottom:0}.m-nav-header .m-nav-bar__left[data-v-9865a7b0]{left:.12rem}.m-nav-header .m-nav-bar__left .arrow-left[data-v-9865a7b0]{font-size:.21rem;vertical-align:middle}.m-nav-header .m-nav-bar__right[data-v-9865a7b0]{right:.12rem}.appRecord[data-v-ae47ed9a]{min-height:100vh}.appRecord .container[data-v-ae47ed9a]{margin-bottom:20px}[data-v-ae47ed9a] .van-cell{padding:14px 16px;font-size:16px;color:var(--font-main-color, #333333)}[data-v-ae47ed9a] .van-cell .van-cell__value{width:40%;text-align:left;-webkit-box-flex:1;-ms-flex:auto;flex:auto;color:var(--font-second-color, #999999)}[data-v-ae47ed9a] .van-cell .payTime{color:var(--red-color, #FF3535)}.section[data-v-ae47ed9a]{margin-top:10px}.van-button--default[data-v-ae47ed9a]{border:0;color:var(--main-color, #2DC7AA);font-size:15px;height:.5rem;line-height:.52rem}[data-v-ae47ed9a] .van-button__text{display:-webkit-box;display:-ms-flexbox;display:flex}.arrow[data-v-ae47ed9a]{min-width:1em;font-size:1.2em;line-height:inherit;margin-left:5px}

dist/css/SignUp.6c74568f.css

@@ -1 +1 @@
-.SignUp[data-v-c4cdf882]{max-width:700px;position:relative;overflow-y:auto;overflow-x:hidden;background-color:#fff;margin:0 auto}.container[data-v-c4cdf882]{min-height:100vh;background:url(../img/signUpBg.8e6b6a64.png) no-repeat top #f3f4f8;background-size:contain;overflow:hidden}.container h2[data-v-c4cdf882]{position:absolute;padding-top:.4rem;color:#fff;font-size:.26rem;font-weight:700;width:2.1rem;text-align:left;margin-left:.16rem}.container .section[data-v-c4cdf882]{background:#fff;margin:1.87rem .16rem .15rem;border-radius:.1rem;padding:.22rem}.container .section .title[data-v-c4cdf882]{margin-top:.28rem;font-size:.18rem;color:#1a1a1a;font-weight:500}.container .section .content[data-v-c4cdf882]{padding-top:.05rem;color:grey;font-size:.16rem;word-break:break-all}.container .sectionStatus[data-v-c4cdf882]{text-align:center;padding:1rem 0 .5rem}.container .sectionStatus img[data-v-c4cdf882]{width:1.2rem}.container .sectionStatus h3[data-v-c4cdf882]{padding-top:.3rem;font-size:.18rem;color:#1a1a1a}.container .sectionStatus p[data-v-c4cdf882]{padding-top:.05rem;font-size:.14rem;color:#999}.container .protocol[data-v-c4cdf882]{font-size:.14rem;margin-bottom:.3rem;text-align:center;display:block;color:#0091ff}.container .van-button--primary[data-v-c4cdf882]{margin:.36rem 0 .18rem;background-color:var(--main-color);border:1px solid var(--main-color);color:#fff;font-size:.18rem;height:.5rem;line-height:.52rem;width:90%;margin-left:5%}
+.SignUp[data-v-c4cdf882]{max-width:700px;position:relative;overflow-y:auto;overflow-x:hidden;background-color:#fff;margin:0 auto}.container[data-v-c4cdf882]{min-height:100vh;background:url(../img/signUpBg.8e6b6a64.png) no-repeat top #f3f4f8;background-size:contain;overflow:hidden}.container h2[data-v-c4cdf882]{position:absolute;padding-top:.4rem;color:#fff;font-size:.26rem;font-weight:700;width:2.1rem;text-align:left;margin-left:.16rem}.container .section[data-v-c4cdf882]{background:#fff;margin:1.87rem .16rem .15rem;border-radius:.1rem;padding:.22rem}.container .section .title[data-v-c4cdf882]{margin-top:.28rem;font-size:.18rem;color:#1a1a1a;font-weight:500}.container .section .content[data-v-c4cdf882]{padding-top:.05rem;color:grey;font-size:.16rem;word-break:break-all}.container .sectionStatus[data-v-c4cdf882]{text-align:center;padding:1rem 0 .5rem}.container .sectionStatus img[data-v-c4cdf882]{width:1.2rem}.container .sectionStatus h3[data-v-c4cdf882]{padding-top:.3rem;font-size:.18rem;color:#1a1a1a}.container .sectionStatus p[data-v-c4cdf882]{padding-top:.05rem;font-size:.14rem;color:#999}.container .protocol[data-v-c4cdf882]{font-size:.14rem;margin-bottom:.3rem;text-align:center;display:block;color:#0091ff}.container .van-button--primary[data-v-c4cdf882]{margin:.36rem 0 .18rem;background-color:var(--main-color, #2DC7AA);border:1px solid var(--main-color, #2DC7AA);color:#fff;font-size:.18rem;height:.5rem;line-height:.52rem;width:90%;margin-left:5%}

dist/css/app.9c581cd1.css

@@ -1 +1 @@
-:root{--main-color:#2dc7aa;--main-bg-color:#f3f4f8;--font-main-color:#333;--font-second-color:#999;--red-color:#ff3535}.m-shadow{-webkit-box-shadow:0 0 .17rem 0 hsla(0,0%,79.2%,.42);box-shadow:0 0 .17rem 0 hsla(0,0%,79.2%,.42)}.m-shadow-small{-webkit-box-shadow:0 .04rem .06rem 0 rgba(0,0,0,.1);box-shadow:0 .04rem .06rem 0 rgba(0,0,0,.1)}.m-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[v-cloak]{display:none}[class*=m-hairline]:after{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;-webkit-transform:scale(.5);transform:scale(.5)}.orangeStatus{color:#f97215!important}.redStatus{color:#f85043!important}.blueStatus{color:#14928a!important}.defaultStatus{color:#777!important}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f8;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none!important}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter,.fade-leave-active{opacity:0}body{-webkit-text-size-adjust:none!important}.svg-icon[data-v-73e75cfd]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}
+:root{--main-color, #2DC7AA:#2dc7aa;--main-bg-color, #F3F4F8:#f3f4f8;--font-main-color, #333333:#333;--font-second-color, #999999:#999;--red-color, #FF3535:#ff3535}.m-shadow{-webkit-box-shadow:0 0 .17rem 0 hsla(0,0%,79.2%,.42);box-shadow:0 0 .17rem 0 hsla(0,0%,79.2%,.42)}.m-shadow-small{-webkit-box-shadow:0 .04rem .06rem 0 rgba(0,0,0,.1);box-shadow:0 .04rem .06rem 0 rgba(0,0,0,.1)}.m-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[v-cloak]{display:none}[class*=m-hairline]:after{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;-webkit-transform:scale(.5);transform:scale(.5)}.orangeStatus{color:#f97215!important}.redStatus{color:#f85043!important}.blueStatus{color:#14928a!important}.defaultStatus{color:#777!important}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f8;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none!important}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter,.fade-leave-active{opacity:0}body{-webkit-text-size-adjust:none!important}.svg-icon[data-v-73e75cfd]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}

src/components/MButton.vue

@@ -28,8 +28,8 @@ export default {
     margin: .35rem 0 .2rem;
 }
 .van-button--primary {
-    background-color: var(--main-color);
-    border: 1px solid var(--main-color);
+    background-color: var(--main-color, #2DC7AA);
+    border: 1px solid var(--main-color, #2DC7AA);
     color: #FFFFFF;
     font-size: .18rem;
     height: .5rem;

src/components/MPayment.vue

@@ -145,8 +145,8 @@ export default {
     border-bottom-color: #F0F0F0;
 }
 /deep/.van-radio__icon--checked .van-icon {
-    background-color: var(--main-color);
-    border-color: var(--main-color);
+    background-color: var(--main-color, #2DC7AA);
+    border-color: var(--main-color, #2DC7AA);
 }
 .title {
     background-color: #ffffff;
@@ -212,12 +212,12 @@ export default {
 }
 
 /deep/.van-button--primary {
-    background-color: var(--main-color);
+    background-color: var(--main-color, #2DC7AA);
     color: #ffffff;
     font-size: .16rem;
     height: .52rem;
     line-height: .50rem;
     border-radius: 0;
-    border-color: var(--main-color);
+    border-color: var(--main-color, #2DC7AA);
 }
 </style>

src/components/MStep.vue

@@ -113,7 +113,7 @@ export default {
             color: #808080;
             text-align: center;
             &.active {
-                color: var(--main-color);
+                color: var(--main-color, #2DC7AA);
             }
         }
     }

src/views/LevelMusic.vue

@@ -44,7 +44,7 @@ export default {
     height: 100vh;
     overflow-y: auto;
     overflow-x: hidden;
-    background-color: var(--main-bg-color);
+    background-color: var(--main-bg-color, #F3F4F8);
 }
 
 .level-banner {
@@ -71,14 +71,14 @@ export default {
 		}
 
 		h3 {
-			color: var(--font-main-color);
+			color: var(--font-main-color, #333333);
 			font-size: .18rem;
 			padding-bottom: .05rem;
 		}
 		p {
 			display: flex;
 			align-items: center;
-			color: var(--font-second-color);
+			color: var(--font-second-color, #999999);
 			font-size: .14rem;
 		}
 	}

src/views/PaymentResult.vue

@@ -4,19 +4,19 @@
     <div class="payOn" v-if="pageStatus == 'ON'">
         <img src="@/assets/images/pay_success.png" alt />
         <p>支付成功</p>
-        <!-- <van-button color="var(--main-color)" type="info" @click="onAppBack" round>返回</van-button> -->
+        <!-- <van-button color="var(--main-color, #2DC7AA)" type="info" @click="onAppBack" round>返回</van-button> -->
     </div>
 
     <div class="payError" v-if="pageStatus == 'FAILED' || pageStatus == 'CLOSE' || pageStatus == 'REFUND'">
         <img src="@/assets/images/pay_error.png" alt />
         <p>支付失败</p>
-        <!-- <van-button color="var(--main-color)" type="info" @click="onAppBack" round>返回</van-button> -->
+        <!-- <van-button color="var(--main-color, #2DC7AA)" type="info" @click="onAppBack" round>返回</van-button> -->
     </div>
 
     <div class="paying" v-if="pageStatus == 'ING'">
         <img src="@/assets/images/pay_ing.png" alt />
         <p>订单处理中</p>
-        <!-- <van-button color="var(--main-color)" type="info" @click="onAppBack" round>返回</van-button> -->
+        <!-- <van-button color="var(--main-color, #2DC7AA)" type="info" @click="onAppBack" round>返回</van-button> -->
         <!-- <p class="countdown">到计时{{ smsText }}秒刷新</p> -->
     </div>
 
@@ -59,7 +59,7 @@
             </p>
             <!-- <img class="icon_img" src="@/assets/images/icon_cw.png" alt srcset /> -->
         </div>
-        <!-- <van-button color="var(--main-color)" type="info" @click="onAppBack" round>返回</van-button> -->
+        <!-- <van-button color="var(--main-color, #2DC7AA)" type="info" @click="onAppBack" round>返回</van-button> -->
     </div>
   </div>
 </template>

src/views/app/AppDetail.vue

@@ -183,34 +183,34 @@ export default {
 /deep/.van-cell {
     padding: 14px 16px;
     font-size: 16px;
-    // color: var(--font-main-color);
+    // color: var(--font-main-color, #333333);
     .van-cell__value {
         width: 40%;
         text-align: left;
         flex: auto;
-        color: var(--font-second-color);
+        color: var(--font-second-color, #999999);
     }
     .van-cell__right-icon {
         position: absolute;
         right: 16px;
     }
     .payTime {
-        color: var(--red-color);
+        color: var(--red-color, #FF3535);
     }
     &.van-field--disabled .van-field__label {
-        color: var(--font-main-color);
+        color: var(--font-main-color, #333333);
     }
     .van-field__control:disabled {
-        color: var(--font-second-color);
+        color: var(--font-second-color, #999999);
     }
     &.noPass {
         .van-field__control:disabled {
-            color: var(--red-color);
+            color: var(--red-color, #FF3535);
         }
     }
     &.pass {
         .van-field__control:disabled {
-            color: var(--main-color);
+            color: var(--main-color, #2DC7AA);
         }
     }
 }
@@ -223,7 +223,7 @@ export default {
     .title {
         font-size: 18px;
         font-weight: 500;
-        color: var(--font-main-color);
+        color: var(--font-main-color, #333333);
         padding: .2rem 0 .15rem;
     }
     .song-upload {
@@ -270,7 +270,7 @@ export default {
     .popup-group {
         width: 100%;
         display: flex;
-        color: var(--main-color);
+        color: var(--main-color, #2DC7AA);
         background-color: #F0F0F0;
         font-size: .18rem;
         span {
@@ -279,7 +279,7 @@ export default {
         }
         .popup-sure {
             color: #ffffff;
-            background-color: var(--main-color);
+            background-color: var(--main-color, #2DC7AA);
         }
     }
 }
@@ -289,8 +289,8 @@ export default {
 }
 .van-button--primary {
     margin: .15rem 0 .2rem;
-    background-color: var(--main-color);
-    border: 1px solid var(--main-color);
+    background-color: var(--main-color, #2DC7AA);
+    border: 1px solid var(--main-color, #2DC7AA);
     color: #FFFFFF;
     font-size: .18rem;
     height: .5rem;

src/views/app/AppRecord.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="appRecord">
         <m-header />
-		<van-tabs sticky title-active-color="var(--main-color)" color="var(--main-color)" line-width="50">
+		<van-tabs sticky title-active-color="var(--main-color, #2DC7AA)" color="var(--main-color, #2DC7AA)" line-width="50">
             <van-tab title="已缴费">
                 <van-cell-group class="section" v-for="(item, index) in payList" :key="index">
                     <van-cell :value="item.name" title="考级名称" />
@@ -74,15 +74,15 @@ export default {
 /deep/.van-cell {
     padding: 14px 16px;
     font-size: 16px;
-    color: var(--font-main-color);
+    color: var(--font-main-color, #333333);
     .van-cell__value {
         width: 40%;
         text-align: left;
         flex: auto;
-        color: var(--font-second-color);
+        color: var(--font-second-color, #999999);
     }
     .payTime {
-        color: var(--red-color);
+        color: var(--red-color, #FF3535);
     }
 }
 .section {
@@ -90,15 +90,15 @@ export default {
 }
 .van-button--default {
     border: 0;
-    color: var(--main-color);
+    color: var(--main-color, #2DC7AA);
     font-size: 15px;
     height: .5rem;
     line-height: .52rem;
 }
 .van-button--primary {
     margin: .35rem 0 .1rem;
-    background-color: var(--main-color);
-    border: 1px solid var(--main-color);
+    background-color: var(--main-color, #2DC7AA);
+    border: 1px solid var(--main-color, #2DC7AA);
     color: #FFFFFF;
     font-size: .18rem;
     height: .5rem;

src/views/app/ExamRecord.vue

@@ -75,15 +75,15 @@ export default {
 /deep/.van-cell {
     padding: 14px 16px;
     font-size: 16px;
-    color: var(--font-main-color);
+    color: var(--font-main-color, #333333);
     .van-cell__value {
         width: 40%;
         text-align: left;
         flex: auto;
-        color: var(--font-second-color);
+        color: var(--font-second-color, #999999);
     }
     .payTime {
-        color: var(--red-color);
+        color: var(--red-color, #FF3535);
     }
 }
 .section {
@@ -91,7 +91,7 @@ export default {
 }
 .van-button--default {
     border: 0;
-    color: var(--main-color);
+    color: var(--main-color, #2DC7AA);
     font-size: 15px;
     height: .5rem;
     line-height: .52rem;

src/views/signup/SignUp.vue

@@ -205,8 +205,8 @@ export default {
 	}
 	.van-button--primary {
 		margin: .36rem 0 .18rem;
-		background-color: var(--main-color);
-		border: 1px solid var(--main-color);
+		background-color: var(--main-color, #2DC7AA);
+		border: 1px solid var(--main-color, #2DC7AA);
 		color: #FFFFFF;
 		font-size: .18rem;
 		height: .5rem;

src/views/signup/SignUpAccount.vue

@@ -192,11 +192,11 @@
 		height: 100vh;
 		overflow-y: auto;
 		overflow-x: hidden;
-		background-color: var(--main-bg-color);
+		background-color: var(--main-bg-color, #F3F4F8);
 
 		.title {
 			font-size: .16rem;
-			color: var(--font-second-color);
+			color: var(--font-second-color, #999999);
 			padding: .12rem .16rem;
 		}
 
@@ -206,7 +206,7 @@
 
 		/deep/.van-field__label {
 			font-size: .17rem;
-			color: var(--font-main-color);
+			color: var(--font-main-color, #333333);
 			width: 1.15rem;
 		}
 
@@ -221,14 +221,14 @@
 
 		.codeText {
 			font-size: .16rem;
-			color: var(--main-color);
+			color: var(--main-color, #2DC7AA);
 		}
 
 		.agreeProtocol {
 			font-size: .14rem;
 			display: flex;
 			align-items: center;
-			color: var(--font-main-color);
+			color: var(--font-main-color, #333333);
 			padding: .15rem .15rem .05rem;
 
 			.van-checkbox {
@@ -242,12 +242,12 @@
 
 			/deep/.van-checkbox__icon--checked .van-icon {
 				color: #FFFFFF;
-				background-color: var(--main-color);
-				border-color: var(--main-color);
+				background-color: var(--main-color, #2DC7AA);
+				border-color: var(--main-color, #2DC7AA);
 			}
 
 			span {
-				color: var(--main-color);
+				color: var(--main-color, #2DC7AA);
 			}
 		}
 		

src/views/signup/SignUpBaseInfo.vue

@@ -29,8 +29,8 @@
         <van-field name="radio" required label="性别">
             <template #input>
                 <van-radio-group v-model="form.gender" direction="horizontal">
-                    <van-radio disabled checked-color="var(--main-color)" :name="1">男</van-radio>
-                    <van-radio disabled checked-color="var(--main-color)" :name="0">女</van-radio>
+                    <van-radio disabled checked-color="var(--main-color, #2DC7AA)" :name="1">男</van-radio>
+                    <van-radio disabled checked-color="var(--main-color, #2DC7AA)" :name="0">女</van-radio>
                 </van-radio-group>
             </template>
         </van-field>
@@ -401,7 +401,7 @@ export default {
         height: 100%;
         left: 0;
         top: 0;
-        color: var(--main-color);
+        color: var(--main-color, #2DC7AA);
     }
     .upbtn {
         height: 24px;
@@ -417,7 +417,7 @@ export default {
         position: absolute;
         left: 0;
         top: 0;
-        color: var(--main-color);
+        color: var(--main-color, #2DC7AA);
     }
     /deep/.van-image__img {
         width: 1rem;
@@ -446,10 +446,10 @@ export default {
     height: 100vh;
     overflow-y: auto;
     overflow-x: hidden;
-    background-color: var(--main-bg-color);
+    background-color: var(--main-bg-color, #F3F4F8);
     .title {
         font-size: .16rem;
-        color: var(--font-second-color);
+        color: var(--font-second-color, #999999);
         padding: .12rem .16rem;
     }
     /deep/.van-cell {
@@ -457,7 +457,7 @@ export default {
     }
     /deep/.van-field__label {
         font-size: .17rem;
-        color: var(--font-main-color);
+        color: var(--font-main-color, #333333);
         width: 1rem;
     }
     /deep/.van-field__body {
@@ -466,7 +466,7 @@ export default {
 
     .codeText {
         font-size: .16rem;
-        color: var(--main-color);
+        color: var(--main-color, #2DC7AA);
     }
 }
 .upload-img {
@@ -500,7 +500,7 @@ export default {
     .upload-tips {
         padding-top: .18rem;
         font-size: .14rem;
-        color: var(--font-second-color);
+        color: var(--font-second-color, #999999);
     }
     .icon-upload-add {
         display: inline-block;
@@ -512,7 +512,7 @@ export default {
     p {
         margin-top: -.04rem;
         font-size: .16rem;
-        color: var(--main-color);
+        color: var(--main-color, #2DC7AA);
     }
 }
 /deep/.van-uploader__preview {
@@ -533,8 +533,8 @@ export default {
     background-color: #F5F5F5;
 }
 /deep/.van-radio__icon--disabled.van-radio__icon--checked .van-icon {
-    background-color: var(--main-color);
-    border-color: var(--main-color);
+    background-color: var(--main-color, #2DC7AA);
+    border-color: var(--main-color, #2DC7AA);
     color: #ffffff;
 }
 </style>

src/views/signup/SignUpCard.vue

@@ -33,7 +33,7 @@
         </div>
 
         <div class="btn-group">
-            <van-button color="var(--main-color)" size="large" block round>下载APP</van-button>
+            <van-button color="var(--main-color, #2DC7AA)" size="large" block round>下载APP</van-button>
         </div>
     </div>
 </template>
@@ -69,18 +69,18 @@ export default {
     height: 100vh;
     overflow-y: auto;
     overflow-x: hidden;
-    background-color: var(--main-bg-color);
+    background-color: var(--main-bg-color, #F3F4F8);
     /deep/.van-cell {
         padding: .04rem 0;
         font-size: .14rem;
-        color: var(--font-main-color);
+        color: var(--font-main-color, #333333);
     }
     /deep/.van-cell__title {
         width: .7rem;
         flex: none;
     }
     /deep/.van-cell__value {
-        color: var(--font-main-color);
+        color: var(--font-main-color, #333333);
         text-align: left;
         p {
             padding-bottom: .15rem;
@@ -117,7 +117,7 @@ export default {
             content: ' ';
             width: 96%;
             border-radius: .04rem;
-            border: 1px solid var(--main-color);
+            border: 1px solid var(--main-color, #2DC7AA);
             height: 96%;
         }
     }

src/views/signup/SignUpCertificate.vue

@@ -7,8 +7,8 @@
             <van-field name="radio" label="邮寄证书">
                 <template #input>
                     <van-radio-group v-model="form.sex" direction="horizontal">
-                        <van-radio checked-color="var(--main-color)" :name="1">是</van-radio>
-                        <van-radio checked-color="var(--main-color)" :name="0">否</van-radio>
+                        <van-radio checked-color="var(--main-color, #2DC7AA)" :name="1">是</van-radio>
+                        <van-radio checked-color="var(--main-color, #2DC7AA)" :name="0">否</van-radio>
                     </van-radio-group>
                 </template>
             </van-field>
@@ -71,7 +71,7 @@ export default {
     height: 100vh;
     overflow-y: auto;
     overflow-x: hidden;
-    background-color: var(--main-bg-color);
+    background-color: var(--main-bg-color, #F3F4F8);
     /deep/.van-form {
         margin-top: .15rem;
     }
@@ -80,7 +80,7 @@ export default {
     }
     /deep/.van-field__label {
         font-size: .17rem;
-        color: var(--font-main-color);
+        color: var(--font-main-color, #333333);
         width: 1.15rem;
     }
     /deep/.van-field__body {
@@ -88,7 +88,7 @@ export default {
     }
     .notice {
         font-size: .13rem;
-        color: var(--font-second-color);
+        color: var(--font-second-color, #999999);
         padding: .1rem .16rem;
         line-height: .18rem;
     }

src/views/signup/SignUpLevel.vue

@@ -63,8 +63,8 @@
         <van-field name="adviserName" v-model="form.adviserName" label="老师姓名" placeholder="请输入老师姓名" />
         <van-field name="adviserPhone" maxlength="11" v-model="form.adviserPhone" label="联系方式" placeholder="请输入联系方式" />
         <div class="m-btn-group">
-            <van-button class="btn_prev" round color="var(--main-color)" @click="onBack" style="background-color: transparent" plain>上一步</van-button>
-            <van-button round color="var(--main-color)" @click="onSubmit">确认报名</van-button>
+            <van-button class="btn_prev" round color="var(--main-color, #2DC7AA)" @click="onBack" style="background-color: transparent" plain>上一步</van-button>
+            <van-button round color="var(--main-color, #2DC7AA)" @click="onSubmit">确认报名</van-button>
         </div>
 
         <!-- 报考专业弹窗 -->
@@ -942,11 +942,11 @@ export default {
     padding-bottom: 1rem;
     overflow-y: auto;
     overflow-x: hidden;
-    background-color: var(--main-bg-color);
+    background-color: var(--main-bg-color, #F3F4F8);
     position: relative;
     .title {
         font-size: .16rem;
-        color: var(--font-second-color);
+        color: var(--font-second-color, #999999);
         padding: .12rem .16rem;
     }
     /deep/.van-cell {
@@ -954,7 +954,7 @@ export default {
     }
     /deep/.van-field__label {
         font-size: .17rem;
-        color: var(--font-main-color);
+        color: var(--font-main-color, #333333);
         width: 1.15rem;
     }
     /deep/.van-field__body {
@@ -963,7 +963,7 @@ export default {
 
     .codeText {
         font-size: .16rem;
-        color: var(--main-color);
+        color: var(--main-color, #2DC7AA);
     }
 }
 
@@ -976,7 +976,7 @@ export default {
     .title {
         font-size: 18px;
         font-weight: 500;
-        color: var(--font-main-color);
+        color: var(--font-main-color, #333333);
         padding: .2rem 0 .15rem;
     }
     // .song-upload {
@@ -1037,7 +1037,7 @@ export default {
     .popup-group {
         width: 100%;
         display: flex;
-        color: var(--main-color);
+        color: var(--main-color, #2DC7AA);
         background-color: #F0F0F0;
         font-size: .18rem;
         span {
@@ -1046,7 +1046,7 @@ export default {
         }
         .popup-sure {
             color: #ffffff;
-            background-color: var(--main-color);
+            background-color: var(--main-color, #2DC7AA);
         }
     }
 }
@@ -1070,12 +1070,12 @@ export default {
         width: 48%;
     }
     .btn_prev:active {
-        color: var(--main-color) !important;
+        color: var(--main-color, #2DC7AA) !important;
         background-color: #F5FFFD !important;
     }
     .btn_prev:active::before {
         // background-color: #F5FFFD !important;
-        // border-color: var(--main-color) !important;
+        // border-color: var(--main-color, #2DC7AA) !important;
         opacity: 0;
     }
 }

src/views/signup/SignUpPayment.vue

@@ -44,7 +44,7 @@
                 <span>￥</span>{{ orderInfo.fee }}
             </div>
             <div class="pay-btn">
-                <van-button color="var(--main-color)" @click="onSubmit" round>确认并支付</van-button>
+                <van-button color="var(--main-color, #2DC7AA)" @click="onSubmit" round>确认并支付</van-button>
             </div>
         </div>
 
@@ -233,16 +233,16 @@ export default {
     height: 100vh;
     overflow-y: auto;
     overflow-x: hidden;
-    background-color: var(--main-bg-color);
+    background-color: var(--main-bg-color, #F3F4F8);
     .title {
         font-size: .16rem;
-        color: var(--font-second-color);
+        color: var(--font-second-color, #999999);
         padding: .12rem .16rem;
     }
     /deep/.van-cell {
         padding: .1rem .16rem;
         font-size: .15rem;
-        color: var(--font-main-color);
+        color: var(--font-main-color, #333333);
     }
     /deep/.van-cell__title {
         width: 1.1rem;
@@ -250,7 +250,7 @@ export default {
     }
     /deep/.van-cell__value {
         text-align: left;
-        color: var(--font-main-color);
+        color: var(--font-main-color, #333333);
         p {
             padding-bottom: .15rem;
             &:last-child{
@@ -268,7 +268,7 @@ export default {
 
     .notice {
         font-size: .13rem;
-        color: var(--font-second-color);
+        color: var(--font-second-color, #999999);
         padding: .2rem .16rem;
         line-height: .18rem;
         margin-bottom: .55rem;
@@ -328,7 +328,7 @@ export default {
     .popup-group {
         width: 100%;
         display: flex;
-        color: var(--main-color);
+        color: var(--main-color, #2DC7AA);
         background-color: #F0F0F0;
         font-size: .18rem;
         span {
@@ -337,7 +337,7 @@ export default {
         }
         .popup-sure {
             color: #ffffff;
-            background-color: var(--main-color);
+            background-color: var(--main-color, #2DC7AA);
         }
     }
 }