'yyyf跳转初步'

src/pages/index.vue

@@ -325,6 +325,16 @@ export default {
     };
   },
   created() {
+    let params = this.parseUrl();
+    if (
+      !$.isEmptyObject(params) &&
+      params.userId != undefined &&
+      params.reqType != undefined
+    ) {
+      alert(1);
+      location.href = '/';
+    }
+
     // 获取图片地址
     this.fileUrl = FILE_URL;
 
@@ -360,6 +370,35 @@ export default {
     clearInterval(this.timer);
   },
   methods: {
+    parseUrl() {
+      let params = {}; //定义数组
+      let url = decodeURIComponent(location.href);
+      let paramsIndex = url.indexOf('?');
+      if (paramsIndex != -1) {
+        paramsIndex = paramsIndex + 1;
+        let paramsStr = url.substring(paramsIndex);
+        let paramsAttr = paramsStr.split('&');
+        for (let x in paramsAttr) {
+          let y = paramsAttr[x].split('=');
+          if (y[0] == undefined || y[0] == '') {
+            continue;
+          }
+          if (y[1] != undefined) {
+            let value = '';
+            let len = y.length;
+            for (let j = 1; j < len; j++) {
+              value +=
+                y[j] == '' &&
+                paramsAttr[x].charAt(value.length + y[0].length + 1) != ''
+                  ? '='
+                  : y[j];
+            }
+            params[y[0]] = value;
+          }
+        }
+      }
+      return params;
+    },
     setSize1: function() {
       var width =
         window.innerWidth ||
@@ -511,14 +550,17 @@ export default {
     max-width: 100%;
   }
 }
+
 p {
   margin: 0;
   padding: 0;
 }
+
 .eurTitle2 {
   width: 100%;
   background-color: #23252b;
 }
+
 .eurTitle {
   margin: 0 auto;
   width: 1180px;
@@ -537,6 +579,7 @@ p {
   // margin: 2% auto 0;
   display: flex;
   justify-content: space-between;
+
   .usdItem {
     width: 28.5%;
     // height: 120px;
@@ -551,32 +594,39 @@ p {
       color: #fff;
       // margin-top: 9px;
     }
+
     p:nth-of-type(1) {
       margin-top: 21px;
     }
+
     p:nth-of-type(2) {
       font-size: 18px !important;
       margin-top: 17px;
+
       .shang {
         position: relative;
         top: -3px;
         left: -14px;
       }
+
       span {
         font-size: 18px;
         margin-left: 10px;
       }
     }
+
     p:nth-of-type(3) {
       margin-top: 13px;
       margin-bottom: 20px;
       font-size: 16px;
       color: #9ba0bc;
+
       span {
         margin-right: 10px;
       }
     }
   }
+
   .upData {
     font-size: 16px;
     color: #4db872;
@@ -584,6 +634,7 @@ p {
     top: 16px;
     right: 22px;
   }
+
   .upData2 {
     font-size: 16px;
     color: #ee6560;
@@ -591,6 +642,7 @@ p {
     top: 16px;
     right: 22px;
   }
+
   .curreyBig {
     font-size: 48px;
     font-weight: 500;
@@ -600,9 +652,11 @@ p {
     right: 22px;
   }
 }
+
 .green {
   color: #4db872 !important;
 }
+
 .red {
   color: #ee6560 !important;
 }
@@ -613,6 +667,7 @@ p {
   margin-top: 40px;
   margin-bottom: 72px;
   background-color: #23242b;
+
   .rangeTable {
     .upRange {
       font-size: 16px;
@@ -620,51 +675,63 @@ p {
       padding: 16px 40px;
       background-color: #1f2026;
     }
+
     .rangeTr {
       display: flex;
       align-items: center;
       font-size: 14px;
       padding: 16px 40px;
+
       .rangeTd {
         font-size: 14px;
+
         &:nth-child(1) {
           width: 50px;
           color: #fff;
         }
+
         &:nth-child(2) {
           width: 150px;
           color: #9ba0bc;
         }
+
         &:nth-child(3) {
           flex: 2;
           font-size: 14px;
           color: #4db872;
+
           span {
             color: #545663;
           }
         }
+
         &:nth-child(4) {
           flex: 2;
           font-size: 14px;
           color: #9ba0bc;
+
           span {
             color: #545663;
           }
         }
+
         &:nth-child(5) {
           flex: 2;
           font-size: 14px;
           color: #9ba0bc;
+
           span {
             color: #545663;
           }
         }
+
         &:nth-child(6) {
           flex: 1;
           // width: 60px;
           font-size: 14px;
           color: #9ba0bc;
         }
+
         &:nth-child(7) {
           flex: 1;
           // width: 60px;
@@ -672,48 +739,60 @@ p {
           color: #4db872;
         }
       }
+
       .rangeTdPrice {
         flex: 2;
         font-size: 14px;
         width: 150px;
         color: #ee6560;
+
         span {
           color: #545663;
         }
       }
+
       .button {
         flex: 1;
         font-size: 14px;
         color: #ee6560;
       }
+
       &:nth-of-type(2n + 1) {
         background-color: #1f2026;
       }
     }
+
     .rangthead {
       font-size: 14px;
       color: #545663;
       padding: 16px 40px;
       background-color: #23242b;
       display: flex;
+
       span:nth-of-type(1) {
         width: 50px;
       }
+
       span:nth-of-type(2) {
         width: 150px;
       }
+
       span:nth-of-type(3) {
         flex: 2;
       }
+
       span:nth-of-type(4) {
         flex: 2;
       }
+
       span:nth-of-type(5) {
         flex: 2;
       }
+
       span:nth-of-type(6) {
         flex: 1;
       }
+
       span:nth-of-type(7) {
         flex: 1;
       }
@@ -733,29 +812,36 @@ p {
 .slide {
   color: #fff;
 }
+
 .mint-swipe-indicators {
   display: none;
 }
+
 .bigServe {
   background-color: #15161a;
   padding-top: 61px;
   padding-bottom: 57px;
+
   .serve {
     width: 1180px;
     margin: 0 auto;
     display: flex;
     justify-content: space-around;
+
     .function {
       width: 168px;
+
       div:nth-of-type(1) {
         display: flex;
         justify-content: center;
         align-items: center;
+
         img {
           width: 60px;
           height: 60px;
         }
       }
+
       div:nth-of-type(2) {
         display: flex;
         justify-content: center;
@@ -764,6 +850,7 @@ p {
         color: rgba(255, 255, 255, 1);
         margin: 17px 0;
       }
+
       div:nth-of-type(3) {
         text-align: center;
         font-size: 14px;
@@ -772,14 +859,17 @@ p {
     }
   }
 }
+
 .mint-swipe-item {
   a {
     color: #fff !important;
+
     &:hover {
       color: #fff !important;
     }
   }
 }
+
 .qrCode {
   margin: 0 auto;
   width: 1180px;
@@ -787,21 +877,25 @@ p {
   // justify-content: center;
   // align-items: center;
   flex-direction: row;
+
   img {
     margin-left: 223px;
     margin-top: 76px;
     width: 327px;
     height: 414px;
   }
+
   &-contant {
     margin-top: 172px;
     margin-left: 61px;
   }
+
   &-char {
     font-size: 36px;
     font-weight: 400;
     color: #ffffff;
   }
+
   &-main {
     width: 130px;
     margin-top: 38px;
@@ -810,12 +904,14 @@ p {
       font-size: 14px;
       color: #fff;
     }
+
     div:nth-of-type(2) {
       margin: 12px 0;
       background-color: #fff;
       width: 105px;
       height: 105px;
       position: relative;
+
       img {
         position: absolute;
         top: -73px;
@@ -824,12 +920,14 @@ p {
         height: 100px;
       }
     }
+
     div:nth-of-type(3) {
       font-size: 14px;
       color: #9ba0bc;
     }
   }
 }
+
 // .mint-swipe-indicators {
 //   margin-bottom: 20px;
 // }