Commit 1c9c7eff by agan

修改顺序

parent d4bc9744
...@@ -38,12 +38,12 @@ body{ ...@@ -38,12 +38,12 @@ body{
} }
.mTop span:nth-child(3){ .mTop span:nth-child(3){
left: 4rem; left: 4rem;
background: url(../images/i4.png) no-repeat; background: url(../images/i5.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.mTop span:nth-child(4){ .mTop span:nth-child(4){
left: 6rem; left: 6rem;
background: url(../images/i5.png) no-repeat; background: url(../images/i4.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.mTop span:nth-child(5){ .mTop span:nth-child(5){
...@@ -53,27 +53,27 @@ body{ ...@@ -53,27 +53,27 @@ body{
} }
.mTop span:nth-child(6){ .mTop span:nth-child(6){
left: 10rem; left: 10rem;
background: url(../images/i7.png) no-repeat; background: url(../images/i12.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.mTop span:nth-child(7){ .mTop span:nth-child(7){
left: 12rem; left: 12rem;
background: url(../images/i8.png) no-repeat; background: url(../images/i7.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.mTop span:nth-child(8){ .mTop span:nth-child(8){
left: 14rem; left: 14rem;
background: url(../images/i9.png) no-repeat; background: url(../images/i8.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.mTop span:nth-child(9){ .mTop span:nth-child(9){
left: 16rem; left: 16rem;
background: url(../images/i10.png?v=20190910091109) no-repeat; background: url(../images/i9.png?v=20190910091109) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.mTop span:nth-child(10){ .mTop span:nth-child(10){
left: 18rem; left: 18rem;
background: url(../images/i11.png?v=202104141807777) no-repeat; background: url(../images/i10.png?v=202104141807777) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.mTop span:nth-child(11){ .mTop span:nth-child(11){
...@@ -90,11 +90,11 @@ body{ ...@@ -90,11 +90,11 @@ body{
background-size: 100% 100%; background-size: 100% 100%;
} }
.mTop span:nth-child(3).check{ .mTop span:nth-child(3).check{
background: url(../images/i4_check.png) no-repeat; background: url(../images/i5_check.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.mTop span:nth-child(4).check{ .mTop span:nth-child(4).check{
background: url(../images/i5_check.png) no-repeat; background: url(../images/i4_check.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.mTop span:nth-child(5).check{ .mTop span:nth-child(5).check{
...@@ -102,23 +102,23 @@ body{ ...@@ -102,23 +102,23 @@ body{
background-size: 100% 100%; background-size: 100% 100%;
} }
.mTop span:nth-child(6).check{ .mTop span:nth-child(6).check{
background: url(../images/i7_check.png) no-repeat; background: url(../images/i12_check.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.mTop span:nth-child(7).check{ .mTop span:nth-child(7).check{
background: url(../images/i8_check.png) no-repeat; background: url(../images/i7_check.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.mTop span:nth-child(8).check{ .mTop span:nth-child(8).check{
background: url(../images/i9_check.png?v=201909241451) no-repeat; background: url(../images/i8_check.png?v=201909241451) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.mTop span:nth-child(9).check{ .mTop span:nth-child(9).check{
background: url(../images/i10_check.png?v=20190910091109) no-repeat; background: url(../images/i9_check.png?v=20190910091109) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.mTop span:nth-child(10).check{ .mTop span:nth-child(10).check{
background: url(../images/i11_check.png?v=202104141807777) no-repeat; background: url(../images/i10_check.png?v=202104141807777) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.mTop span:nth-child(11).check{ .mTop span:nth-child(11).check{
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection"> <meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no"> <meta name="wap-font-scale" content="no">
<link rel="stylesheet" href="css/react.css"> <link rel="stylesheet" href="css/react.css">
<link rel="stylesheet" href="css/desc.css?v=202104141756"> <link rel="stylesheet" href="css/desc.css?v=202204211718">
<script src="lib/fsize.js"></script> <script src="lib/fsize.js"></script>
<title></title> <title></title>
</head> </head>
<body> <body>
<div class="main"> <div class="main">
<div class="mTop"> <div class="mTop">
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
<!--<span></span>--> <!--<span></span>-->
</div>
<div class="mBottom">
<div class="mDesc mDesc1" data-id="1">
<p class="mDescTitle"><span></span><span></span></p>
<p class="mDescT1"></p>
<p class="mDescD1 mDescDl1"></p>
<p class="mDescT2"></p>
<p class="mDescD1 mDescDl2"></p>
<p class="mDescD1 mDescDl3"></p>
<div class="mDescImg"></div>
<div class="mDescBtn"></div>
<p class="mDescLook"></p>
</div> </div>
<!--<div class="mDesc mDesc2" data-id="2"> <div class="mBottom">
<div class="mDesc mDesc1" data-id="1">
<p class="mDescTitle"><span></span><span></span></p>
<p class="mDescT1"></p>
<p class="mDescD1 mDescDl1"></p>
<p class="mDescT2"></p>
<p class="mDescD1 mDescDl2"></p>
<p class="mDescD1 mDescDl3"></p>
<div class="mDescImg"></div>
<div class="mDescBtn"></div>
<p class="mDescLook"></p>
</div>
<!--<div class="mDesc mDesc2" data-id="2">
<p class="mDescTitle"><span></span><span></span></p> <p class="mDescTitle"><span></span><span></span></p>
<p class="mDescT1"></p> <p class="mDescT1"></p>
<p class="mDescD1 mDescDl1"></p> <p class="mDescD1 mDescDl1"></p>
...@@ -48,77 +50,85 @@ ...@@ -48,77 +50,85 @@
<div class="mDescImg"></div> <div class="mDescImg"></div>
<div class="mDescBtn"></div> <div class="mDescBtn"></div>
</div>--> </div>-->
<div class="mDesc mDesc3" data-id="3"> <div class="mDesc mDesc3" data-id="3">
<p class="mDescTitle"><span></span><span></span></p> <p class="mDescTitle"><span></span><span></span></p>
<p class="mDescT1"></p> <p class="mDescT1"></p>
<p class="mDescD1 mDescDl1"></p> <p class="mDescD1 mDescDl1"></p>
<p class="mDescT2"></p> <p class="mDescT2"></p>
<p class="mDescD1 mDescDl2"></p> <p class="mDescD1 mDescDl2"></p>
<div class="mDescImg"></div> <div class="mDescImg"></div>
<div class="mDescBtn"></div> <div class="mDescBtn"></div>
</div> </div>
<div class="mDesc mDesc4" data-id="4"> <div class="mDesc mDesc5" data-id="5">
<p class="mDescTitle"><span></span><span></span></p> <p class="mDescTitle"><span></span><span></span></p>
<p class="mDescT1"></p> <p class="mDescT1"></p>
<p class="mDescD1 mDescDl1"></p> <p class="mDescD1 mDescDl1"></p>
<p class="mDescT2"></p> <p class="mDescT2"></p>
<p class="mDescD1 mDescDl2"></p> <p class="mDescD1 mDescDl2"></p>
<div class="mDescImg"></div> <div class="mDescImg"></div>
<div class="mDescBtn"></div> <div class="mDescBtn"></div>
</div> </div>
<div class="mDesc mDesc5" data-id="5"> <div class="mDesc mDesc4" data-id="4">
<p class="mDescTitle"><span></span><span></span></p> <p class="mDescTitle"><span></span><span></span></p>
<p class="mDescT1"></p> <p class="mDescT1"></p>
<p class="mDescD1 mDescDl1"></p> <p class="mDescD1 mDescDl1"></p>
<p class="mDescT2"></p> <p class="mDescT2"></p>
<p class="mDescD1 mDescDl2"></p> <p class="mDescD1 mDescDl2"></p>
<div class="mDescImg"></div> <div class="mDescImg"></div>
<div class="mDescBtn"></div> <div class="mDescBtn"></div>
</div> </div>
<div class="mDesc mDesc6" data-id="6">
<p class="mDescTitle"><span></span><span></span></p> <div class="mDesc mDesc6" data-id="6">
<p class="mDescT1"></p> <p class="mDescTitle"><span></span><span></span></p>
<p class="mDescD1 mDescDl1"></p> <p class="mDescT1"></p>
<p class="mDescT2"></p> <p class="mDescD1 mDescDl1"></p>
<p class="mDescD1 mDescDl2"></p> <p class="mDescT2"></p>
<div class="mDescImg"></div> <p class="mDescD1 mDescDl2"></p>
<div class="mDescBtn"></div> <div class="mDescImg"></div>
</div> <div class="mDescBtn"></div>
<div class="mDesc mDesc7" data-id="7"> </div>
<p class="mDescTitle"><span></span><span></span></p> <div class="mDesc mDesc12" data-id="12">
<p class="mDescT1"></p> <p class="mDescTitle"><span></span><span></span></p>
<p class="mDescD1 mDescDl1"></p> <p class="mDescT1"></p>
<p class="mDescT2"></p> <p class="mDescD1 mDescDl1"></p>
<p class="mDescD1 mDescDl2"></p> <p class="mDescT2"></p>
<div class="mDescImg"></div> <p class="mDescD1 mDescDl2"></p>
<div class="mDescImg2"></div> </div>
</div> <div class="mDesc mDesc7" data-id="7">
<div class="mDesc mDesc8" data-id="8"> <p class="mDescTitle"><span></span><span></span></p>
<p class="mDescTitle"><span></span><span></span></p> <p class="mDescT1"></p>
<p class="mDescT1"></p> <p class="mDescD1 mDescDl1"></p>
<p class="mDescD1 mDescDl1"></p> <p class="mDescT2"></p>
<p class="mDescT2"></p> <p class="mDescD1 mDescDl2"></p>
<p class="mDescD1 mDescDl2"></p> <div class="mDescImg"></div>
<div class="mDescImg"></div> <div class="mDescImg2"></div>
<div class="mDescImg2"></div> </div>
</div> <div class="mDesc mDesc8" data-id="8">
<div class="mDesc mDesc9" data-id="9"> <p class="mDescTitle"><span></span><span></span></p>
<p class="mDescTitle"><span></span><span></span></p> <p class="mDescT1"></p>
<p class="mDescT1"></p> <p class="mDescD1 mDescDl1"></p>
<p class="mDescD1 mDescDl1"></p> <p class="mDescT2"></p>
<p class="mDescT2"></p> <p class="mDescD1 mDescDl2"></p>
<p class="mDescD1 mDescDl2"></p> <div class="mDescImg"></div>
<p class="mDescD1 mDescDl3"></p> <div class="mDescImg2"></div>
<div class="mDescImg"></div> </div>
</div> <div class="mDesc mDesc9" data-id="9">
<div class="mDesc mDesc10" data-id="10"> <p class="mDescTitle"><span></span><span></span></p>
<p class="mDescTitle"><span></span><span></span></p> <p class="mDescT1"></p>
<p class="mDescT1"></p> <p class="mDescD1 mDescDl1"></p>
<p class="mDescD1 mDescDl1"></p> <p class="mDescT2"></p>
<p class="mDescT2"></p> <p class="mDescD1 mDescDl2"></p>
<p class="mDescD1 mDescDl2"></p> <p class="mDescD1 mDescDl3"></p>
</div> <div class="mDescImg"></div>
<!--<div class="mDesc mDesc9" data-id="9"> </div>
<div class="mDesc mDesc10" data-id="10">
<p class="mDescTitle"><span></span><span></span></p>
<p class="mDescT1"></p>
<p class="mDescD1 mDescDl1"></p>
<p class="mDescT2"></p>
<p class="mDescD1 mDescDl2"></p>
</div>
<!--<div class="mDesc mDesc9" data-id="9">
<p class="mDescTitle"><span></span><span></span></p> <p class="mDescTitle"><span></span><span></span></p>
<p class="mDescT1"></p> <p class="mDescT1"></p>
<p class="mDescD1 mDescDl1"></p> <p class="mDescD1 mDescDl1"></p>
...@@ -135,284 +145,292 @@ ...@@ -135,284 +145,292 @@
<p class="mDescD1 mDescDl3"></p> <p class="mDescD1 mDescDl3"></p>
<div class="mDescImg"></div> <div class="mDescImg"></div>
</div>--> </div>-->
<div class="mDesc mDesc11" data-id="11"> <div class="mDesc mDesc11" data-id="11">
<p class="mDescTitle"><span></span><span></span></p> <p class="mDescTitle"><span></span><span></span></p>
<p class="mDescT1"></p> <p class="mDescT1"></p>
<p class="mDescD1 mDescDl1"></p> <p class="mDescD1 mDescDl1"></p>
<p class="mDescT2"></p> <p class="mDescT2"></p>
<p class="mDescD1 mDescDl2"></p> <p class="mDescD1 mDescDl2"></p>
</div>
</div> </div>
</div> </div>
</div>
</body> </body>
<script src="lib/jquery-3.1.1.min.js"></script> <script src="lib/jquery-3.1.1.min.js"></script>
<script src="../../lib/langchange.js?v=202104141756"></script> <script src="../../lib/langchange.js?v=202204211718"></script>
<script type="text/javascript"> <script type="text/javascript">
$("title").text(langList[langType].vipmsg1);
$('.mDesc1 .mDescTitle span').eq(1).html(langList[langType].vipmsg20);
$('.mDesc1 .mDescT1').html(langList[langType].vipmsg21);
$('.mDesc1 .mDescDl1').html(langList[langType].vipmsg50);
$('.mDesc1 .mDescT2').html(langList[langType].vipmsg22);
$('.mDesc1 .mDescDl2').html(langList[langType].vipmsg23);
$('.mDesc1 .mDescDl3').html(langList[langType].vipmsg24);
$('.mDesc1 .mDescBtn').html(langList[langType].vipmsg25);
$('.mDesc1 .mDescLook').html(langList[langType].vipmsg26);
$("title").text(langList[langType].vipmsg1);
$('.mDesc1 .mDescTitle span').eq(1).html(langList[langType].vipmsg20);
$('.mDesc1 .mDescT1').html(langList[langType].vipmsg21);
$('.mDesc1 .mDescDl1').html(langList[langType].vipmsg50);
$('.mDesc1 .mDescT2').html(langList[langType].vipmsg22);
$('.mDesc1 .mDescDl2').html(langList[langType].vipmsg23);
$('.mDesc1 .mDescDl3').html(langList[langType].vipmsg24);
$('.mDesc1 .mDescBtn').html(langList[langType].vipmsg25);
$('.mDesc1 .mDescLook').html(langList[langType].vipmsg26);
$('.mDesc2 .mDescTitle span').eq(1).html(langList[langType].vipmsg27);
$('.mDesc2 .mDescT1').html(langList[langType].vipmsg21);
$('.mDesc2 .mDescDl1').html(langList[langType].vipmsg50);
$('.mDesc2 .mDescT2').html(langList[langType].vipmsg22);
$('.mDesc2 .mDescDl2').html(langList[langType].vipmsg28);
$('.mDesc2 .mDescBtn').html(langList[langType].vipmsg25);
$('.mDesc2 .mDescTitle span').eq(1).html(langList[langType].vipmsg27); $('.mDesc3 .mDescTitle span').eq(1).html(langList[langType].vipmsg29);
$('.mDesc2 .mDescT1').html(langList[langType].vipmsg21); $('.mDesc3 .mDescT1').html(langList[langType].vipmsg21);
$('.mDesc2 .mDescDl1').html(langList[langType].vipmsg50); $('.mDesc3 .mDescDl1').html(langList[langType].vipmsg50);
$('.mDesc2 .mDescT2').html(langList[langType].vipmsg22); $('.mDesc3 .mDescT2').html(langList[langType].vipmsg22);
$('.mDesc2 .mDescDl2').html(langList[langType].vipmsg28); $('.mDesc3 .mDescDl2').html(langList[langType].vipmsg30);
$('.mDesc2 .mDescBtn').html(langList[langType].vipmsg25); $('.mDesc3 .mDescBtn').html(langList[langType].vipmsg25);
$('.mDesc3 .mDescTitle span').eq(1).html(langList[langType].vipmsg29); $('.mDesc4 .mDescTitle span').eq(1).html(langList[langType].vipmsg31);
$('.mDesc3 .mDescT1').html(langList[langType].vipmsg21); $('.mDesc4 .mDescT1').html(langList[langType].vipmsg21);
$('.mDesc3 .mDescDl1').html(langList[langType].vipmsg50); $('.mDesc4 .mDescDl1').html(langList[langType].vipmsg50);
$('.mDesc3 .mDescT2').html(langList[langType].vipmsg22); $('.mDesc4 .mDescT2').html(langList[langType].vipmsg22);
$('.mDesc3 .mDescDl2').html(langList[langType].vipmsg30); $('.mDesc4 .mDescDl2').html(langList[langType].vipmsg32);
$('.mDesc3 .mDescBtn').html(langList[langType].vipmsg25); $('.mDesc4 .mDescBtn').html(langList[langType].vipmsg25);
$('.mDesc4 .mDescTitle span').eq(1).html(langList[langType].vipmsg31); $('.mDesc5 .mDescTitle span').eq(1).html(langList[langType].vipmsg33);
$('.mDesc4 .mDescT1').html(langList[langType].vipmsg21); $('.mDesc5 .mDescT1').html(langList[langType].vipmsg21);
$('.mDesc4 .mDescDl1').html(langList[langType].vipmsg50); $('.mDesc5 .mDescDl1').html(langList[langType].vipmsg49);
$('.mDesc4 .mDescT2').html(langList[langType].vipmsg22); $('.mDesc5 .mDescT2').html(langList[langType].vipmsg22);
$('.mDesc4 .mDescDl2').html(langList[langType].vipmsg32); $('.mDesc5 .mDescDl2').html(langList[langType].vipmsg34);
$('.mDesc4 .mDescBtn').html(langList[langType].vipmsg25); $('.mDesc5 .mDescBtn').html(langList[langType].vipmsg25);
$('.mDesc5 .mDescTitle span').eq(1).html(langList[langType].vipmsg33); $('.mDesc6 .mDescTitle span').eq(1).html(langList[langType].vipmsg35);
$('.mDesc5 .mDescT1').html(langList[langType].vipmsg21); $('.mDesc6 .mDescT1').html(langList[langType].vipmsg21);
$('.mDesc5 .mDescDl1').html(langList[langType].vipmsg49); $('.mDesc6 .mDescDl1').html(langList[langType].vipmsg51);
$('.mDesc5 .mDescT2').html(langList[langType].vipmsg22); $('.mDesc6 .mDescT2').html(langList[langType].vipmsg22);
$('.mDesc5 .mDescDl2').html(langList[langType].vipmsg34); $('.mDesc6 .mDescDl2').html(langList[langType].vipmsg36);
$('.mDesc5 .mDescBtn').html(langList[langType].vipmsg25); $('.mDesc6 .mDescBtn').html(langList[langType].vipmsg25);
$('.mDesc6 .mDescTitle span').eq(1).html(langList[langType].vipmsg35); $('.mDesc7 .mDescTitle span').eq(1).html(langList[langType].vipmsg37);
$('.mDesc6 .mDescT1').html(langList[langType].vipmsg21); $('.mDesc7 .mDescT1').html(langList[langType].vipmsg21);
$('.mDesc6 .mDescDl1').html(langList[langType].vipmsg51); $('.mDesc7 .mDescDl1').html(langList[langType].vipmsg52);
$('.mDesc6 .mDescT2').html(langList[langType].vipmsg22); $('.mDesc7 .mDescT2').html(langList[langType].vipmsg22);
$('.mDesc6 .mDescDl2').html(langList[langType].vipmsg36); $('.mDesc7 .mDescDl2').html(langList[langType].vipmsg38);
$('.mDesc6 .mDescBtn').html(langList[langType].vipmsg25);
$('.mDesc7 .mDescTitle span').eq(1).html(langList[langType].vipmsg37); $('.mDesc8 .mDescTitle span').eq(1).html(langList[langType].vipmsg41);
$('.mDesc7 .mDescT1').html(langList[langType].vipmsg21); $('.mDesc8 .mDescT1').html(langList[langType].vipmsg21);
$('.mDesc7 .mDescDl1').html(langList[langType].vipmsg52); $('.mDesc8 .mDescDl1').html(langList[langType].vipmsg52);
$('.mDesc7 .mDescT2').html(langList[langType].vipmsg22); $('.mDesc8 .mDescT2').html(langList[langType].vipmsg22);
$('.mDesc7 .mDescDl2').html(langList[langType].vipmsg38); $('.mDesc8 .mDescDl2').html(langList[langType].vipmsg42);
$('.mDesc8 .mDescTitle span').eq(1).html(langList[langType].vipmsg41);
$('.mDesc8 .mDescT1').html(langList[langType].vipmsg21);
$('.mDesc8 .mDescDl1').html(langList[langType].vipmsg52);
$('.mDesc8 .mDescT2').html(langList[langType].vipmsg22);
$('.mDesc8 .mDescDl2').html(langList[langType].vipmsg42);
$('.mDesc9 .mDescTitle span').eq(1).html(langList[langType].vipmsg43);
$('.mDesc9 .mDescT1').html(langList[langType].vipmsg21);
$('.mDesc9 .mDescDl1').html(langList[langType].vipmsg53);
$('.mDesc9 .mDescT2').html(langList[langType].vipmsg22);
$('.mDesc9 .mDescDl2').html(langList[langType].vipmsg44);
$('.mDesc9 .mDescDl3').html(langList[langType].vipmsg45);
$('.mDesc9 .mDescTitle span').eq(1).html(langList[langType].vipmsg43); $('.mDesc10 .mDescTitle span').eq(1).html(langList[langType].vipmsg39);
$('.mDesc9 .mDescT1').html(langList[langType].vipmsg21); $('.mDesc10 .mDescT1').html(langList[langType].vipmsg21);
$('.mDesc9 .mDescDl1').html(langList[langType].vipmsg53); $('.mDesc10 .mDescDl1').html(langList[langType].vipmsg55);
$('.mDesc9 .mDescT2').html(langList[langType].vipmsg22); $('.mDesc10 .mDescT2').html(langList[langType].vipmsg22);
$('.mDesc9 .mDescDl2').html(langList[langType].vipmsg44); $('.mDesc10 .mDescDl2').html(langList[langType].vipmsg40);
$('.mDesc9 .mDescDl3').html(langList[langType].vipmsg45);
$('.mDesc10 .mDescTitle span').eq(1).html(langList[langType].vipmsg39);
$('.mDesc10 .mDescT1').html(langList[langType].vipmsg21);
$('.mDesc10 .mDescDl1').html(langList[langType].vipmsg55);
$('.mDesc10 .mDescT2').html(langList[langType].vipmsg22);
$('.mDesc10 .mDescDl2').html(langList[langType].vipmsg40);
$('.mDesc11 .mDescTitle span').eq(1).html(langList[langType].news9);
$('.mDesc11 .mDescT1').html(langList[langType].vipmsg21);
$('.mDesc11 .mDescDl1').html(langList[langType].vipmsg55);
$('.mDesc11 .mDescT2').html(langList[langType].vipmsg22);
$('.mDesc11 .mDescDl2').html(langList[langType].news11);
$('.mDesc11 .mDescTitle span').eq(1).html(langList[langType].news9);
$('.mDesc11 .mDescT1').html(langList[langType].vipmsg21); $('.mDesc12 .mDescTitle span').eq(1).html(langList[langType].vipmsg56);
$('.mDesc11 .mDescDl1').html(langList[langType].vipmsg55); $('.mDesc12 .mDescT1').html(langList[langType].vipmsg57);
$('.mDesc11 .mDescT2').html(langList[langType].vipmsg22); $('.mDesc12 .mDescDl1').html(langList[langType].vipmsg51);
$('.mDesc11 .mDescDl2').html(langList[langType].news11); $('.mDesc12 .mDescT2').html(langList[langType].vipmsg58);
$('.mDesc12 .mDescDl2').html(langList[langType].vipmsg59);
var data = url_get_params(); var data = url_get_params();
var order = data.order-1; var order = data.order - 1;
$('.mTop span').eq(order).addClass('check'); $('.mTop span').eq(order).addClass('check');
$('.mBottom .mDesc').eq(order).addClass('check'); $('.mBottom .mDesc').eq(order).addClass('check');
if(order>=2){ if (order >= 2) {
var num = order; var num = order;
if(num>7){ if (num > 7) {
num = 7 num = 7
} }
for(var i=0;i<$('.mTop span').length;i++){ for (var i = 0; i < $('.mTop span').length; i++) {
$('.mTop span').eq(i).css('left',(i-num+2)*2+'rem') $('.mTop span').eq(i).css('left', (i - num + 2) * 2 + 'rem')
} }
} }
for(var i=0;i<$('.mBottom .mDesc').length;i++){ for (var i = 0; i < $('.mBottom .mDesc').length; i++) {
if(order>i){ if (order > i) {
$('.mBottom .mDesc').eq(i).css('left','-10rem') $('.mBottom .mDesc').eq(i).css('left', '-10rem')
} else if(order==i){ } else if (order == i) {
$('.mBottom .mDesc').eq(i).addClass('check').css('left','0'); $('.mBottom .mDesc').eq(i).addClass('check').css('left', '0');
} else { } else {
$('.mBottom .mDesc').eq(i).css('left','10rem') $('.mBottom .mDesc').eq(i).css('left', '10rem')
} }
} }
var startX = ''; var startX = '';
var startY = ''; var startY = '';
var flag = true; var flag = true;
$('.mBottom').on('touchstart',function(e){ $('.mBottom').on('touchstart', function (e) {
//e.preventDefault(); //e.preventDefault();
startX = e.originalEvent.changedTouches[0].pageX, startX = e.originalEvent.changedTouches[0].pageX,
startY = e.originalEvent.changedTouches[0].pageY; startY = e.originalEvent.changedTouches[0].pageY;
flag = true; flag = true;
}) })
$('.mBottom').on('touchmove',function(e){ $('.mBottom').on('touchmove', function (e) {
//e.preventDefault(); //e.preventDefault();
moveEndX = e.originalEvent.changedTouches[0].pageX, moveEndX = e.originalEvent.changedTouches[0].pageX,
moveEndY = e.originalEvent.changedTouches[0].pageY, moveEndY = e.originalEvent.changedTouches[0].pageY,
X = moveEndX - startX, X = moveEndX - startX,
Y = moveEndY - startY; Y = moveEndY - startY;
var index = $('.mDesc.check').index(); var index = $('.mDesc.check').index();
if(Math.abs(X) > Math.abs(Y) && X < -100 && flag){ if (Math.abs(X) > Math.abs(Y) && X < -100 && flag) {
flag = false; flag = false;
console.log(index) console.log(index)
if(index<8){ if (index < 8) {
$('.mDesc').removeClass('check').eq(index+1).addClass('check'); $('.mDesc').removeClass('check').eq(index + 1).addClass('check');
$('.mDesc').eq(index).css('left','-10rem'); $('.mDesc').eq(index).css('left', '-10rem');
$('.mDesc').eq(index+1).css('left',0); $('.mDesc').eq(index + 1).css('left', 0);
$('.mTop span').removeClass('check').eq(index+1).addClass('check'); $('.mTop span').removeClass('check').eq(index + 1).addClass('check');
} }
if(index>=2&&index<=6){ if (index >= 2 && index <= 6) {
for(var i=0;i<$('.mTop span').length;i++){ for (var i = 0; i < $('.mTop span').length; i++) {
$('.mTop span').eq(i).css('left',(i-index+1)*2+'rem') $('.mTop span').eq(i).css('left', (i - index + 1) * 2 + 'rem')
} }
} }
} else if(Math.abs(X) > Math.abs(Y) && X > 100 && flag){ } else if (Math.abs(X) > Math.abs(Y) && X > 100 && flag) {
flag = false; flag = false;
if(index>0){ if (index > 0) {
$('.mDesc').removeClass('check').eq(index-1).addClass('check'); $('.mDesc').removeClass('check').eq(index - 1).addClass('check');
$('.mTop span').removeClass('check').eq(index-1).addClass('check'); $('.mTop span').removeClass('check').eq(index - 1).addClass('check');
$('.mDesc').eq(index).css('left','10rem'); $('.mDesc').eq(index).css('left', '10rem');
$('.mDesc').eq(index-1).css('left','0'); $('.mDesc').eq(index - 1).css('left', '0');
} }
if(index>=3&&index<=8){ if (index >= 3 && index <= 8) {
for(var i=0;i<$('.mTop span').length;i++){ for (var i = 0; i < $('.mTop span').length; i++) {
$('.mTop span').eq(i).css('left',(i-index+3)*2+'rem') $('.mTop span').eq(i).css('left', (i - index + 3) * 2 + 'rem')
} }
} }
} }
}) })
$('.mTop span').on('click',function(){ $('.mTop span').on('click', function () {
var oldIndex = $('.mTop span.check').index(); var oldIndex = $('.mTop span.check').index();
var newIndex = $(this).index(); var newIndex = $(this).index();
if(newIndex<oldIndex){ if (newIndex < oldIndex) {
if(newIndex<8&&newIndex>1){ if (newIndex < 8 && newIndex > 1) {
for(var i=0;i<$('.mTop span').length;i++){ for (var i = 0; i < $('.mTop span').length; i++) {
$('.mTop span').eq(i).css('left',(i-newIndex+2)*2+'rem') $('.mTop span').eq(i).css('left', (i - newIndex + 2) * 2 + 'rem')
} }
} else if(newIndex == 0) { } else if (newIndex == 0) {
for(var i=0;i<$('.mTop span').length;i++){ for (var i = 0; i < $('.mTop span').length; i++) {
$('.mTop span').eq(i).css('left',(i-newIndex)*2+'rem') $('.mTop span').eq(i).css('left', (i - newIndex) * 2 + 'rem')
} }
} else if(newIndex == 1){ } else if (newIndex == 1) {
for(var i=0;i<$('.mTop span').length;i++){ for (var i = 0; i < $('.mTop span').length; i++) {
$('.mTop span').eq(i).css('left',(i-newIndex+1)*2+'rem') $('.mTop span').eq(i).css('left', (i - newIndex + 1) * 2 + 'rem')
} }
} else if(newIndex == 8){ } else if (newIndex == 8) {
for(var i=0;i<$('.mTop span').length;i++){ for (var i = 0; i < $('.mTop span').length; i++) {
$('.mTop span').eq(i).css('left',(i-newIndex+3)*2+'rem') $('.mTop span').eq(i).css('left', (i - newIndex + 3) * 2 + 'rem')
} }
} }
} else if(newIndex>oldIndex){ } else if (newIndex > oldIndex) {
if(newIndex<8&&newIndex>1){ if (newIndex < 8 && newIndex > 1) {
for(var i=0;i<$('.mTop span').length;i++){ for (var i = 0; i < $('.mTop span').length; i++) {
$('.mTop span').eq(i).css('left',(i-newIndex+2)*2+'rem') $('.mTop span').eq(i).css('left', (i - newIndex + 2) * 2 + 'rem')
} }
} else if(newIndex == 8){ } else if (newIndex == 8) {
for(var i=0;i<$('.mTop span').length;i++){ for (var i = 0; i < $('.mTop span').length; i++) {
$('.mTop span').eq(i).css('left',(i-newIndex+3)*2+'rem') $('.mTop span').eq(i).css('left', (i - newIndex + 3) * 2 + 'rem')
} }
}else if(newIndex == 9){ } else if (newIndex == 9) {
for(var i=0;i<$('.mTop span').length;i++){ for (var i = 0; i < $('.mTop span').length; i++) {
$('.mTop span').eq(i).css('left',(i-newIndex+4)*2+'rem') $('.mTop span').eq(i).css('left', (i - newIndex + 4) * 2 + 'rem')
} }
} }
}
$(this).addClass('check').siblings().removeClass('check');
$('.mBottom .mDesc').removeClass('check');
for (var i = 0; i < $('.mBottom .mDesc').length; i++) {
if ($(this).index() > i) {
$('.mBottom .mDesc').eq(i).css('left', '-10rem')
} else if ($(this).index() == i) {
$('.mBottom .mDesc').eq(i).addClass('check').css('left', '0');
} else {
$('.mBottom .mDesc').eq(i).css('left', '10rem')
}
} }
})
$(this).addClass('check').siblings().removeClass('check'); function url_get_params() {
var url = location.href;
var theRequest = new Object();
if (url.indexOf("?") != -1) {
$('.mBottom .mDesc').removeClass('check'); var str = url.substr(url.indexOf("?") + 1);
for(var i=0;i<$('.mBottom .mDesc').length;i++){ strs = str.split("&");
if($(this).index()>i){ for (var i = 0; i < strs.length; i++) {
$('.mBottom .mDesc').eq(i).css('left','-10rem') theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
} else if($(this).index()==i){ }
$('.mBottom .mDesc').eq(i).addClass('check').css('left','0'); }
} else { return theRequest;
$('.mBottom .mDesc').eq(i).css('left','10rem')
}
} }
})
function url_get_params() {
var url = location.href;
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(url.indexOf("?") + 1);
strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
$('.mDesc .mDescBtn').on('click',function(){ $('.mDesc .mDescBtn').on('click', function () {
var obj = { var obj = {
"cid":18, "cid": 18,
"reqCode": new Date().getTime(), "reqCode": new Date().getTime(),
"data": { "data": {
"msg":'关闭當前网页并弹出VIP购买页面', "msg": '关闭當前网页并弹出VIP购买页面',
"orderId":$(this).parent().attr('data-id') "orderId": $(this).parent().attr('data-id')
} }
} }
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
console.log(obj2); console.log(obj2);
appCollaboration(obj2); appCollaboration(obj2);
}) })
$('.mDesc1 .mDescLook').on('click',function(){ $('.mDesc1 .mDescLook').on('click', function () {
var obj = { var obj = {
"cid":12, "cid": 12,
"reqCode": new Date().getTime(), "reqCode": new Date().getTime(),
"data": { "data": {
"msg":"跳转到座驾", "msg": "跳转到座驾",
"jumptype":18, "jumptype": 18,
"url":"" "url": ""
} }
} }
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
appCollaboration(obj2); appCollaboration(obj2);
}) })
function appCollaboration(msg){ function appCollaboration(msg) {
var sUserAgent = navigator.userAgent.toLowerCase(); var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp"; var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android"; var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (!(bIsIpad|| bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){ if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
} }
else if(bIsAndroid){ else if (bIsAndroid) {
window.yazhai.appCollaboration(msg); window.yazhai.appCollaboration(msg);
}else if(bIsIphoneOs||bIsIpad){ } else if (bIsIphoneOs || bIsIpad) {
window.webkit.messageHandlers.appCollaboration.postMessage(msg); window.webkit.messageHandlers.appCollaboration.postMessage(msg);
} }
} }
//客户端回调结果 //客户端回调结果
function appCallback(msg) { function appCallback(msg) {
console.log(msg); console.log(msg);
} }
</script> </script>
</html> </html>
\ No newline at end of file
...@@ -139,6 +139,10 @@ var langList = [ ...@@ -139,6 +139,10 @@ var langList = [
'vipmsg53': 'VIP41及以上用戶', 'vipmsg53': 'VIP41及以上用戶',
'vipmsg54': 'VIP51及以上用戶', 'vipmsg54': 'VIP51及以上用戶',
'vipmsg55': 'VIP41及以上用戶', 'vipmsg55': 'VIP41及以上用戶',
'vipmsg56': '聊天房',
'vipmsg57': '獲取條件',
'vipmsg58': '特權說明',
'vipmsg59': '在VIP有效期內,直播結束後可將房間轉換成聊天房。',
'vipmsgImg': 'images/font.png', 'vipmsgImg': 'images/font.png',
'gurad1': '我守護的', 'gurad1': '我守護的',
'gurad2': '我的守護', 'gurad2': '我的守護',
...@@ -588,6 +592,10 @@ var langList = [ ...@@ -588,6 +592,10 @@ var langList = [
'vipmsg53': 'VIP level is upon VIP41 or above', 'vipmsg53': 'VIP level is upon VIP41 or above',
'vipmsg54': 'VIP level is upon VIP51 or above', 'vipmsg54': 'VIP level is upon VIP51 or above',
'vipmsg55': 'VIP level is upon VIP41 or above', 'vipmsg55': 'VIP level is upon VIP41 or above',
'vipmsg56': 'Chat Room',
'vipmsg57': 'Acquisition conditions',
'vipmsg58': 'VIP priviledges',
'vipmsg59': 'Can switch room as Chat Room after the live ends',
'vipmsgImg': 'images/font_en.png', 'vipmsgImg': 'images/font_en.png',
'gurad1': 'Guardian for', 'gurad1': 'Guardian for',
'gurad2': 'My guardian', 'gurad2': 'My guardian',
...@@ -1032,6 +1040,10 @@ var langList = [ ...@@ -1032,6 +1040,10 @@ var langList = [
"vipmsg53": "مستوى VIP على VIP41 أو أعلى", "vipmsg53": "مستوى VIP على VIP41 أو أعلى",
"vipmsg54": "مستوى VIP على VIP51 أو أعلى", "vipmsg54": "مستوى VIP على VIP51 أو أعلى",
"vipmsg55": "مستوى VIP على VIP41 أو أعلى", "vipmsg55": "مستوى VIP على VIP41 أو أعلى",
'vipmsg56': 'Chat Room',
'vipmsg57': 'Acquisition conditions',
'vipmsg58': 'VIP priviledges',
'vipmsg59': 'Can switch room as Chat Room after the live ends',
'vipmsgImg': 'images/font_en.png', 'vipmsgImg': 'images/font_en.png',
'gurad1': 'المحروس', 'gurad1': 'المحروس',
'gurad2': 'الحارس الخاص بي', 'gurad2': 'الحارس الخاص بي',
...@@ -1476,6 +1488,11 @@ var langList = [ ...@@ -1476,6 +1488,11 @@ var langList = [
"vipmsg53": "ระดับ VIP เป็นระดับ VIP41 หรือสูงกว่า", "vipmsg53": "ระดับ VIP เป็นระดับ VIP41 หรือสูงกว่า",
"vipmsg54": "ระดับ VIP เป็นระดับ VIP51 หรือสูงกว่า", "vipmsg54": "ระดับ VIP เป็นระดับ VIP51 หรือสูงกว่า",
"vipmsg55": "ระดับ VIP เป็นระดับ VIP41 หรือสูงกว่า", "vipmsg55": "ระดับ VIP เป็นระดับ VIP41 หรือสูงกว่า",
'vipmsg56': 'Chat Room',
'vipmsg57': 'Acquisition conditions',
'vipmsg58': 'VIP priviledges',
'vipmsg59': 'Can switch room as Chat Room after the live ends',
"vipmsgImg": "images/font_en.png", "vipmsgImg": "images/font_en.png",
"gurad1": "ผู้คุ้มกันสำหรับ", "gurad1": "ผู้คุ้มกันสำหรับ",
"gurad2": "ผู้คุ้มกันของฉัน", "gurad2": "ผู้คุ้มกันของฉัน",
...@@ -1921,6 +1938,10 @@ var langList = [ ...@@ -1921,6 +1938,10 @@ var langList = [
"vipmsg53": "Cấp độ VIP từ VIP 41 trở lên", "vipmsg53": "Cấp độ VIP từ VIP 41 trở lên",
"vipmsg54": "Cấp độ VIP từ VIP 51 trở lên", "vipmsg54": "Cấp độ VIP từ VIP 51 trở lên",
"vipmsg55": "Cấp độ VIP từ VIP 41 trở lên", "vipmsg55": "Cấp độ VIP từ VIP 41 trở lên",
'vipmsg56': 'Chat Room',
'vipmsg57': 'Acquisition conditions',
'vipmsg58': 'VIP priviledges',
'vipmsg59': 'Can switch room as Chat Room after the live ends',
"vipmsgImg": "images/font_en.png", "vipmsgImg": "images/font_en.png",
"gurad1": "Thần hộ mệnh cho", "gurad1": "Thần hộ mệnh cho",
"gurad2": "Thần hộ mệnh của tôi", "gurad2": "Thần hộ mệnh của tôi",
...@@ -2366,6 +2387,10 @@ var langList = [ ...@@ -2366,6 +2387,10 @@ var langList = [
'vipmsg53': 'VIP レベルが VIP41 以上', 'vipmsg53': 'VIP レベルが VIP41 以上',
'vipmsg54': 'VIP レベルが VIP51 以上', 'vipmsg54': 'VIP レベルが VIP51 以上',
'vipmsg55': 'VIP レベルが VIP41 以上', 'vipmsg55': 'VIP レベルが VIP41 以上',
'vipmsg56': 'Chat Room',
'vipmsg57': 'Acquisition conditions',
'vipmsg58': 'VIP priviledges',
'vipmsg59': 'Can switch room as Chat Room after the live ends',
'vipmsgImg': 'images/font_en.png', 'vipmsgImg': 'images/font_en.png',
'gurad1': '次のユーザーのガーディアン:', 'gurad1': '次のユーザーのガーディアン:',
'gurad2': 'マイガーディアン', 'gurad2': 'マイガーディアン',
...@@ -2807,6 +2832,10 @@ var langList = [ ...@@ -2807,6 +2832,10 @@ var langList = [
"vipmsg53": "Level VIP mencapai VIP41 atau di atasnya", "vipmsg53": "Level VIP mencapai VIP41 atau di atasnya",
"vipmsg54": "Level VIP mencapai VIP51 atau di atasnya", "vipmsg54": "Level VIP mencapai VIP51 atau di atasnya",
"vipmsg55": "Level VIP mencapai VIP41 atau di atasnya", "vipmsg55": "Level VIP mencapai VIP41 atau di atasnya",
'vipmsg56': 'Chat Room',
'vipmsg57': 'Acquisition conditions',
'vipmsg58': 'VIP priviledges',
'vipmsg59': 'Can switch room as Chat Room after the live ends',
"vipmsgImg": "images/font_en.png", "vipmsgImg": "images/font_en.png",
"gurad1": "Garda selama", "gurad1": "Garda selama",
"gurad2": "Garda saya", "gurad2": "Garda saya",
...@@ -3208,6 +3237,10 @@ var langList = [ ...@@ -3208,6 +3237,10 @@ var langList = [
'vipmsg53':'VIP 레벨은 VIP41이상에 해당합니다.', 'vipmsg53':'VIP 레벨은 VIP41이상에 해당합니다.',
'vipmsg54':'VIP 레벨은 VIP51 이상에 해당합니다.', 'vipmsg54':'VIP 레벨은 VIP51 이상에 해당합니다.',
'vipmsg55':'VIP 레벨은 VIP41이상에 해당합니다.', 'vipmsg55':'VIP 레벨은 VIP41이상에 해당합니다.',
'vipmsg56': 'Chat Room',
'vipmsg57': 'Acquisition conditions',
'vipmsg58': 'VIP priviledges',
'vipmsg59': 'Can switch room as Chat Room after the live ends',
'vipmsgImg':'이미지/font_en.png', 'vipmsgImg':'이미지/font_en.png',
'gurad1':'다음 대상에 대한 수호자:', 'gurad1':'다음 대상에 대한 수호자:',
'gurad2':'내 수호자', 'gurad2':'내 수호자',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment