支付部分更改

src/views/userCenter/choosePackage.vue

@@ -257,14 +257,18 @@ export default {
         this.reduce();
       } else if (this.PaymentList[this.activeIndex].type === 2) {
         // 币钱包支付
-        this.OtherPayment(this.PaymentList[this.activeIndex].type);
+        this.OtherPayment(
+          this.PaymentList[this.activeIndex].type,
+          this.PaymentList[this.activeIndex].coin
+        );
         this.steps = 2;
+        this.price = this.price / this.PaymentList[this.activeIndex].rate;
         this.reduce();
       }
     },
-    async OtherPayment(type) {
+    async OtherPayment(type, coin) {
       const res = await pay({
-        coin: "BTY",
+        coin: coin,
         device: 0,
         id: this.orderId,
         method: type,
@@ -420,7 +424,7 @@ export default {
 }
 .top-box {
   height: 65px;
-  background: #F9F9F9;
+  background: #f9f9f9;
   border-radius: 4px;
   line-height: 65px;
   p {
@@ -430,7 +434,7 @@ export default {
     color: #353535;
     display: inline-block;
     span {
-      color: #F3322D;
+      color: #f3322d;
     }
   }
   .right {
@@ -438,7 +442,7 @@ export default {
     font-size: 14px;
     font-family: PingFangSC-Regular, PingFang SC;
     font-weight: 400;
-    color: #797D84;
+    color: #797d84;
     margin-right: 44px;
   }
 }
@@ -453,7 +457,7 @@ export default {
   line-height: 20px;
   margin-bottom: 17px;
   span {
-    color: #FF3838;
+    color: #ff3838;
     font-size: 22px;
   }
 }
@@ -469,7 +473,7 @@ export default {
 .prompt-box {
   width: 196px;
   height: 49px;
-  background: #60CD48;
+  background: #60cd48;
   margin: 0 auto;
   margin-top: 11px;
   color: white;
@@ -488,7 +492,7 @@ export default {
     font-family: PingFangSC-Regular, PingFang SC;
     font-weight: 400;
     height: 49px;
-    color: #FFFFFF;
+    color: #ffffff;
     margin-left: 13px;
     P {
       &:first-child {
@@ -499,7 +503,7 @@ export default {
   }
 }
 .prompt-box--blue {
-  background: #3F79FE;
+  background: #3f79fe;
 }
 .download {
   text-align: center;
@@ -516,7 +520,7 @@ export default {
 .top-up-hints {
   width: 435px;
   height: 45px;
-  background: #F5F9FC;
+  background: #f5f9fc;
   border-radius: 4px;
   line-height: 45px;
   margin: 0 auto;
@@ -524,9 +528,9 @@ export default {
   font-size: 12px;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
-  color: #797D84;
+  color: #797d84;
   span {
-    color: #462F2E;
+    color: #462f2e;
   }
 }
 .bg-box {
@@ -569,14 +573,14 @@ export default {
     font-size: 14px;
     font-family: PingFangSC-Regular, PingFang SC;
     font-weight: 400;
-    color: #3F79FE;
+    color: #3f79fe;
     line-height: 20px;
   }
   p {
     font-size: 14px;
     font-family: PingFangSC-Regular, PingFang SC;
     font-weight: 400;
-    color: #797D84;
+    color: #797d84;
     line-height: 20px;
   }
 }
@@ -789,7 +793,7 @@ export default {
 }
 .order-box {
   height: 172px;
-  background: #F9F9F9;
+  background: #f9f9f9;
   border-radius: 4px;
   padding-left: 42px;
 }
@@ -811,7 +815,7 @@ export default {
     width: 44px;
     height: 44px;
     margin-top: 38px;
-    background: #3F79FE;
+    background: #3f79fe;
     border-radius: 50%;
     line-height: 44px;
     text-align: center;
@@ -836,18 +840,18 @@ export default {
   font-size: 14px;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
-  color: #797D84;
+  color: #797d84;
   line-height: 20px;
 }
 .amount-payable {
   line-height: 55px;
   font-size: 14px;
-  border-top: 1px solid #E7E7E7;
+  border-top: 1px solid #e7e7e7;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #353535;
   span {
-    color: #FF3838;
+    color: #ff3838;
     font-size: 22px;
   }
 }
@@ -872,7 +876,7 @@ export default {
       border-radius: 4px;
       margin-right: 28px;
       float: left;
-      border: 1px solid #C8C8C8;
+      border: 1px solid #c8c8c8;
       cursor: pointer;
       position: relative;
       img {
@@ -891,27 +895,27 @@ export default {
         position: absolute;
         bottom: -1px;
         right: 0;
-        color: #3F79FE;
+        color: #3f79fe;
         i {
           font-size: 24px;
         }
       }
     }
     .check {
-      border: 1px solid #3F79FE;
+      border: 1px solid #3f79fe;
     }
   }
   .button {
     margin-top: 31px;
     width: 120px;
     height: 40px;
-    background: #3F79FE;
+    background: #3f79fe;
     border-radius: 4px;
     text-align: center;
     font-size: 14px;
     font-family: PingFangSC-Regular, PingFang SC;
     font-weight: 400;
-    color: #FFFFFF;
+    color: #ffffff;
     cursor: pointer;
     line-height: 40px;
   }