diff --git a/src/pages/index.vue b/src/pages/index.vue index ebe41e0..577edfd 100644 --- a/src/pages/index.vue +++ b/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; // }