Commit 1c9c7eff by agan

修改顺序

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