From 80c457671ef7c2f5b849cff056b424bf68e83497 Mon Sep 17 00:00:00 2001 From: libai <libai@yazhai.co> Date: Wed, 17 May 2023 19:12:17 +0800 Subject: [PATCH] 测试 --- mobile/css/login.css | 4 +++- mobile/css/login.less | 6 ++++-- mobile/index.html | 4 ++-- mobile/lib/default.js | 1 + mobile/lib/login.js | 6 +++--- mobile/revise.html | 2 +- mobile/room/css/liveRoom.css | 133 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- mobile/room/css/liveRoom.less | 140 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- mobile/room/lib/phoneRoomLang.js | 12 +++++++++--- mobile/room/liveRoom.html | 195 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------- mobile/video.html | 4 ++-- mobile/videoPage.html | 6 +++--- 12 files changed, 423 insertions(+), 90 deletions(-) diff --git a/mobile/css/login.css b/mobile/css/login.css index 56bb3bf..a194787 100644 --- a/mobile/css/login.css +++ b/mobile/css/login.css @@ -1,13 +1,15 @@ .login-box { width: 10rem; position: fixed; - bottom: -13rem; + bottom: 0; height: 12.55rem; border-radius: 0.2rem 0.2rem 0 0; background: #FBFCFC; box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2); z-index: 800; transition: 0.35s all; + -webkit-transition: 0.35s all; + transform: translateY(13rem); } .login-close { color: #999999; diff --git a/mobile/css/login.less b/mobile/css/login.less index 4dca0a1..7324575 100644 --- a/mobile/css/login.less +++ b/mobile/css/login.less @@ -1,14 +1,16 @@ .login-box{ width: 10rem; position: fixed; - bottom: -13rem; - // bottom: 0; + // bottom: -13rem; + bottom: 0; height: 12.55rem; border-radius: 0.2rem 0.2rem 0 0; background: #FBFCFC; box-shadow: 0 0 0.3rem rgba(0,0,0,0.2); z-index: 800; transition: 0.35s all; + -webkit-transition:0.35s all; + transform: translateY(13rem); } .login-close{ color: #999999; diff --git a/mobile/index.html b/mobile/index.html index dfb1f6c..93c075b 100644 --- a/mobile/index.html +++ b/mobile/index.html @@ -19,7 +19,7 @@ <link rel="apple-touch-icon-precomposed" href="icon/fox-icon.png"> <script src="lib/jquery-3.1.1.min.js"></script> <script src="lib/spark-md5.min.js"></script> - <script src="lib/default.js?v=2023041801"></script> + <script src="lib/default.js?v=2023051701"></script> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta content="telephone=no" name="format-detection"> @@ -402,7 +402,7 @@ </body> <script src="layer-v3.1.0/layer/layer.js"></script> <!-- <script src="lib/fingerprint2.js"></script> --> -<script src="lib/login.js?v=2023050601"></script> +<script src="lib/login.js?v=2023051702"></script> <script src="index.js?v=2022122201" defer=""></script> <script src="lib/phoneLang.js?v=2023050602"></script> <!-- <script src="lib/mobileLoginLang.js"></script> --> diff --git a/mobile/lib/default.js b/mobile/lib/default.js index a5bd6d0..cc025fe 100644 --- a/mobile/lib/default.js +++ b/mobile/lib/default.js @@ -13,6 +13,7 @@ else{ $ip='http://cpapitest.yabolive.net:81/' $ip2="http://ceshi.yabolive.tv/web" $ws = "ws://47.242.178.187:12308/" + // localStorage.canvasCode='phone' } if(bbb.indexOf("userRoom.html")==-1){ sessionStorage.lastUrl=bbb diff --git a/mobile/lib/login.js b/mobile/lib/login.js index 2b64ba0..889dae7 100644 --- a/mobile/lib/login.js +++ b/mobile/lib/login.js @@ -295,13 +295,13 @@ var areaJson={ } } $(".login-close").on("click",function(){ - $(".login-box").css("bottom","-15rem") + $(".login-box").css("transform","translateY(13rem)") $(".nav-shadow").hide() $(".layer-shadow").hide() }) $(".nav-shadow").on("click",function(){ //關閉所有彈窗 - $(".login-box").css("bottom","-15rem") + $(".login-box").css("transform","translateY(13rem)") $(".right-nav").css("right","-8rem") $(".nav-shadow").hide() }) @@ -571,7 +571,7 @@ function loginPage(){ } }) $(".right-nav").css("right","-8rem") - $(".login-box").css("bottom","0rem") + $(".login-box").css("transform","translateY(0rem)") $(".login1,.login2,.register,.reset").hide() $(".login-show").show() googleLogin() diff --git a/mobile/revise.html b/mobile/revise.html index 415228e..f46782e 100644 --- a/mobile/revise.html +++ b/mobile/revise.html @@ -35,7 +35,7 @@ <script async defer src="lib/hello.js"></script> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/layer.css"> - <link rel="stylesheet" href="css/index.css?v=20222805"> + <link rel="stylesheet" href="css/index.css?v=2023051701"> <link rel="stylesheet" href="css/login.css"> <style> .layui-layer-shade { diff --git a/mobile/room/css/liveRoom.css b/mobile/room/css/liveRoom.css index 9049365..bbb5588 100644 --- a/mobile/room/css/liveRoom.css +++ b/mobile/room/css/liveRoom.css @@ -40,6 +40,10 @@ background: url(../images/sound-tips-en.png) no-repeat !important; background-size: 100% 100% !important; } +.body-lang1 .sound-tips2 { + background: url(../images/sound-tips-en2.png) no-repeat !important; + background-size: 100% 100% !important; +} .body-lang1 .guard-layer-content { background: url(../images/En/guard-layer.png) no-repeat; background-size: 100% 100%; @@ -57,6 +61,14 @@ .body-lang1 .ticker-buy-tips { width: 3.1rem; } +.body-lang1 .guard-layer-btn { + background: url(../images/guard-layer-btn-en.png) no-repeat; + background-size: 100% 100%; +} +.body-lang1 .guard-layer-btn-yes { + background: url(../images/guard-layer-btn2-en.png) no-repeat; + background-size: 100% 100%; +} .room-top { width: 10rem; height: 1.85rem; @@ -1874,6 +1886,8 @@ .sound-tips2 { width: 3.26rem; height: 0.96rem; + top: 0.2rem; + left: 0.2rem; background: url(../images/sound-tips2.png) no-repeat; background-size: 100% 100%; } @@ -1917,7 +1931,7 @@ background: rgba(0, 0, 0, 0.55); position: absolute; bottom: 1.35rem; - z-index: 500; + z-index: 400; display: none; } .ticket-box1 { @@ -2036,7 +2050,7 @@ width: 9.2rem; height: 1.95rem; border-radius: 0.4rem; - border: 2px solid #E63986; + border: 1px solid #E63986; margin: 0 auto; margin-top: 0.23rem; } @@ -2489,3 +2503,118 @@ bottom: 0.7rem; right: 0.6rem; } +.secret-ing-content { + width: 100vw; + height: 100vh; + display: none; + position: absolute; + z-index: 50; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.1); + color: #fff; +} +.secret-ing-p1 { + font-size: 0.5rem; + font-weight: 700; + text-align: center; +} +.secret-ing-p2 { + font-size: 0.4rem; + text-align: center; +} +.secret-ing-p3 { + font-size: 0.4rem; + padding-top: 0.45rem; + text-align: center; +} +.secret-ing-p3 span { + font-size: 0.55rem; + font-weight: 700; + color: #E53985; +} +.secret-ing-p4 { + font-size: 0.35rem; + text-align: center; + padding-top: 0.25rem; +} +.secret-ing-p5 { + width: 4.8rem; + height: 1.3rem; + background: rgba(255, 255, 255, 0.4); + margin: 0 auto; + border-radius: 0.2rem; + margin-top: 0.4rem; + position: relative; + line-height: 1.3rem; + font-size: 0; +} +.secret-ing-p5 > img { + vertical-align: middle; + width: 0.8rem; + margin-left: 0.3rem; +} +.secret-ing-p5 > span { + font-size: 0.3rem; + height: 1.3rem; + line-height: 1.3rem; + right: 0.3rem; + top: 0; + position: absolute; +} +.secret-ing-p5 > span img { + width: 0.4rem; + vertical-align: middle; + margin-top: -0.1rem; + margin-right: 0.1rem; +} +.secret-ing-tips { + height: 5rem; + width: 10rem; + position: absolute; + top: 50%; + margin-top: -2.5rem; +} +.secret-face { + width: 2rem; + height: 2rem; + border-radius: 50%; + left: 50%; + margin-left: -1rem; + top: -3rem; + position: absolute; +} +.secret-bottom-box { + color: #fff; + width: 10rem; + height: 3rem; + position: absolute; + bottom: 1.4rem; + z-index: 101; + display: none; +} +.secret-bottom-tips { + display: none; + font-size: 0.35rem; + text-align: center; + line-height: 0.6rem; + height: 0.6rem; + margin-top: 0.3rem; +} +.secret-bottom-tips img { + vertical-align: middle; + margin-top: -0.18rem; + width: 0.6rem; + margin-left: 0.07rem; + margin-right: 0.07rem; +} +.secret-bottom { + height: 1.1rem; + width: 4.8rem; + background: #E53985; + margin: 0 auto; + text-align: center; + line-height: 1.1rem; + border-radius: 1rem; + font-size: 0.4rem; +} diff --git a/mobile/room/css/liveRoom.less b/mobile/room/css/liveRoom.less index 05dd13f..e4b065b 100644 --- a/mobile/room/css/liveRoom.less +++ b/mobile/room/css/liveRoom.less @@ -41,6 +41,10 @@ background: url(../images/sound-tips-en.png)no-repeat !important; background-size: 100% 100% !important; } + .sound-tips2{ + background: url(../images/sound-tips-en2.png)no-repeat !important; + background-size: 100% 100% !important; + } .guard-layer-content{ background: url(../images/En/guard-layer.png)no-repeat; background-size: 100% 100%; @@ -58,6 +62,16 @@ .ticker-buy-tips{ width: 3.1rem; } + .guard-layer-btn{ + + background: url(../images/guard-layer-btn-en.png)no-repeat; + background-size: 100% 100%; + + } + .guard-layer-btn-yes{ + background: url(../images/guard-layer-btn2-en.png)no-repeat; + background-size: 100% 100%; + } } .room-top{ width: 10rem; @@ -918,6 +932,7 @@ width: 10rem; left: 0; bottom: 3rem; + } .room-bg{ width: 10rem; @@ -1930,6 +1945,8 @@ .sound-tips2{ width: 3.26rem; height: 0.96rem; + top: 0.2rem; + left: 0.2rem; background: url(../images/sound-tips2.png) no-repeat; background-size: 100% 100%; } @@ -1975,7 +1992,7 @@ background: rgba(0,0,0,0.55); position: absolute; bottom: 1.35rem; - z-index: 500; + z-index: 400; display: none; } .ticket-box1{ @@ -2094,7 +2111,7 @@ width: 9.2rem; height: 1.95rem; border-radius: 0.4rem; - border: 2px solid #E63986; + border: 1px solid #E63986; // border: 2px solid #e639872d; margin: 0 auto; margin-top: 0.23rem; @@ -2554,4 +2571,123 @@ border-radius: 1rem; bottom: 0.7rem; right: 0.6rem; +} +.secret-ing-content{ + width: 100vw; + height: 100vh; + display: none; + position: absolute; + z-index: 50; + top: 0; + left: 0; + background: rgba(0,0,0,0.1); + color: #fff; +} +.secret-ing-p1{ + font-size: 0.5rem; + font-weight: 700; + text-align: center; +} +.secret-ing-p2{ + font-size: 0.4rem; + text-align: center; +} +.secret-ing-p3{ + font-size: 0.4rem; + padding-top: 0.45rem; + text-align: center; + span{ + font-size: 0.55rem; + font-weight: 700; + color:#E53985; + } +} +.secret-ing-p4{ + text-align: center; + font-size: 0.35rem; + text-align: center; + padding-top: 0.25rem; +} +.secret-ing-p5{ + width: 4.8rem; + height: 1.3rem; + background: rgba(255,255,255,0.4); + margin: 0 auto; + border-radius: 0.2rem; + margin-top: 0.4rem; + position: relative; + line-height: 1.3rem; + font-size: 0; + >img{ + vertical-align: middle; + width: 0.8rem; + margin-left: 0.3rem; + } + >span{ + font-size: 0.3rem; + height: 1.3rem; + line-height: 1.3rem; + right: 0.3rem; + top: 0; + position: absolute; + img{ + width: 0.4rem; + vertical-align: middle; + margin-top: -0.1rem; + margin-right: 0.1rem; + } + } +} +.secret-ing-tips{ + height: 5rem; + width: 10rem; + position: absolute; + top: 50%; + margin-top: -2.5rem; + +} +.secret-face{ + width: 2rem; + height: 2rem; + border-radius: 50%; + left: 50%; + margin-left: -1rem; + top: -3rem; + position: absolute; +} +.secret-bottom-box{ + color: #fff; + width: 10rem; + height: 3rem; + position: absolute; + bottom: 1.4rem; + z-index: 101; + display: none; +} +.secret-bottom-tips{ + display: none; + font-size: 0.35rem; + text-align: center; + line-height: 0.6rem; + height: 0.6rem; + margin-top: 0.3rem; + img{ + vertical-align: middle; + margin-top: -0.18rem; + width: 0.6rem; + margin-left: 0.07rem; + margin-right: 0.07rem; + } + +} +.secret-bottom{ + + height: 1.1rem; + width: 4.8rem; + background: #E53985; + margin: 0 auto; + text-align: center; + line-height: 1.1rem; + border-radius: 1rem; + font-size: 0.4rem; } \ No newline at end of file diff --git a/mobile/room/lib/phoneRoomLang.js b/mobile/room/lib/phoneRoomLang.js index 04bc9f7..43e7615 100644 --- a/mobile/room/lib/phoneRoomLang.js +++ b/mobile/room/lib/phoneRoomLang.js @@ -56,7 +56,7 @@ var langRoom=[ roomJsTxt19:"backpack is empty", roomJsTxt20:"Updating gift resources", roomJsTxt21:"Send", - roomJsTxt22:"come in, come from", + roomJsTxt22:"come in, come from ", roomJsTxt23:"Light up the live room, pop index +1", roomJsTxt24:"Follow broadcaster", roomJsTxt25:"The live paused", @@ -90,16 +90,19 @@ var langRoom=[ ticketLang12:'Already have', ticketLang13:'buy tickets', ticketLang14:'Countdown', - ticketLang15:'ing', + ticketLang15:'show', ticketLang16:'consume', ticketLang17:'join success', ticketLang18:'Cancel', ticketLang19:'Sure', ticketLang20:'system hint', ticketLang21:'s', - ticketLang22:'show time', + ticketLang22:'Show Time', ticketLang23:'min', ticketLang24:'Start immediately', + ticketLang25:'package remaining', + ticketLang26:'in show', + ticketLang27:'Join Now', imgSrc1:'images/En/guard-tips.png', }, { @@ -199,6 +202,9 @@ var langRoom=[ ticketLang22:'表演時長', ticketLang23:'分鐘', ticketLang24:'立即開始', + ticketLang25:'背包剩余', + ticketLang26:'表演中', + ticketLang27:'購票看秀', imgSrc1:'images/guard-tips.png', } ] diff --git a/mobile/room/liveRoom.html b/mobile/room/liveRoom.html index 14dccd0..65a6dd6 100644 --- a/mobile/room/liveRoom.html +++ b/mobile/room/liveRoom.html @@ -35,8 +35,8 @@ <script src="../lib/fsize.js"></script> <link rel="stylesheet" href="../css/base.css?v=2023050601"> <link rel="stylesheet" href="../css/layer.css"> - <link rel="stylesheet" href="css/liveRoom.css?v=2023050604"> - <link rel="stylesheet" href="../css/login.css?v=2023050601"> + <link rel="stylesheet" href="css/liveRoom.css?v=2023051714"> + <link rel="stylesheet" href="../css/login.css?v=2023051710"> <link rel="manifest" href="../manifest.webmanifest?v=2023050601" /> <link rel="stylesheet" href="css/liMarquee.css"> <script src="../lib/hello.js" async defer></script> @@ -136,8 +136,27 @@ </div> </div> --> </div> - + <div class="room-bg"> + <div class="secret-ing-content"> + <img class="room-close" src="images/close.png" alt=""> + <div class="secret-ing-tips"> + <img class="secret-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_150" alt=""> + <div class="secret-ing-p1">TICKET ROOM</div> + <div class="secret-ing-p2">表演中</div> + <div class="secret-ing-p3">剩余时间 <span>15:26</span></div> + <div class="secret-ing-p4">付费可以看我胸口碎大石哦!</div> + <div class="secret-ing-p5"> + <img src="images/card.png" alt=""> + <span><img src="images/diamond.png" alt="">200</span> + </div> + </div> + + </div> + <div class="secret-bottom-box"> + <div class="secret-bottom">購票看秀</div> + <p class="secret-bottom-tips">背包剩餘<img src="images/card.png">5</p> + </div> <img class="play-icon" src="../images/play-icon.png" alt=""> <div class="touch-box"></div> <div class="layer-shadow"></div> @@ -209,7 +228,7 @@ <div class="interac-list-box"><img src="images/interac.png" alt=""><i></i> <span>></span></div> <div class="guard-btn">守護TA</div> </div> - <div style="display: none;" class="ticketRoom-tips-box"><img src="images/suo.png"> <span>Count</span></div> + <!-- <div style="display: none;" class="ticketRoom-tips-box"><img src="images/suo.png"> <span>Count</span></div> --> </div> <div class="room-gift-box"> <!-- <div class="gift-bar-box"> @@ -259,7 +278,7 @@ </div> <div class="ticket-box3"> <p class="ticket-box3-p1"><i class="ticketLang22">表演時長</i>: <span>20</span><i class="ticketLang23">分鐘</i></p> - <div class="ticket-box3-btn">Ticker 1</div> + <div class="ticket-box3-btn">ticket 1</div> </div> </div> <div class="room-bottom"> @@ -300,7 +319,7 @@ </div> </li> </ul> - <div class="ticker-buy-btn"><i class="roomJsTxt35">送出</i></div> + <div class="ticker-buy-btn"><i class="roomJsTxt35">購票看秀</i></div> </div> </div> <div class="hot-list-layer"> @@ -433,7 +452,8 @@ <div class="exc-tips">1<img src="images/diamond.png">⇋100<img class="dew-icon" src="images/dew.png"></div> </div> <div class="keyboard-box"> - <input enterkeyhint="send" class="keyboard-input" placeholder="和所有人聊天" type="text"> + <input style="display: none;" type="text"> + <input enterkeyhint="send" autocomplete="off" class="keyboard-input" placeholder="和所有人聊天" type="text"> <div class="keyboard-btn">發送</div> </div> <div class="login-box"> @@ -591,7 +611,7 @@ <p class="ticker-send-p3">開始表演</p> <!-- <p class="ticker-send-p4">已有 <img src="images/card.png"> 1</p> --> <p class="ticker-send-p4">送出ticket <img style="height: 0.4rem;margin-top: -0.1rem;" src="images/diamond.png"> 200 </p> - <div class="ticker-send-btn">送出</div> + <div class="ticker-send-btn">購票看秀</div> </div> </div> <div class="ticker-tips-box"> @@ -635,13 +655,13 @@ </body> <script src="../lib/jquery-3.1.1.min.js"></script> <script src="../lib/spark-md5.min.js"></script> -<script src="../lib/default.js?v=20230504"></script> +<script src="../lib/default.js?v=2023051701"></script> <script src="../layer-v3.1.0/layer/layer.js"></script> -<script src="../lib/login.js?v=2023032401"></script> +<script src="../lib/login.js?v=2023051702"></script> <script src="../lib/flv.js"></script> <script src="../index.js?v=2023050601" defer=""></script> <script src="lib/circleChart.min.js"></script> -<script src="lib/phoneRoomLang.js?v=2023050601"></script> +<script src="lib/phoneRoomLang.js?v=202301713"></script> <script src="lib/liMarquee.js"></script> <script> $(function(){ @@ -701,12 +721,14 @@ $(function(){ $(".ticker-send-p3").text(langRoom[sessionStorage.lang].ticketLang9) $(".ticketLang22").text(langRoom[sessionStorage.lang].ticketLang22) $(".ticketLang23").text(langRoom[sessionStorage.lang].ticketLang23) - $(".ticker-send-btn").text(langRoom[sessionStorage.lang].roomJsTxt35) - $(".roomJsTxt35").text(langRoom[sessionStorage.lang].roomJsTxt35) + $(".ticker-send-btn").text(langRoom[sessionStorage.lang].ticketLang27) + $(".roomJsTxt35").text(langRoom[sessionStorage.lang].ticketLang27) $(".ticket-ing").text(langRoom[sessionStorage.lang].ticketLang15) $(".room-txt29").text(langRoom[sessionStorage.lang].room29) $(".room-txt30").text(langRoom[sessionStorage.lang].room30) $(".room-txt31").text(langRoom[sessionStorage.lang].room31) + $(".secret-ing-p2").text(langRoom[sessionStorage.lang].ticketLang26) + $(".secret-bottom").text(langRoom[sessionStorage.lang].ticketLang27) } // hotList() liveList(1) @@ -777,6 +799,7 @@ $(function(){ $(".room-content-loading").show() $(".room-bottom").show() $(".user-msg-box").css("opacity","1") + $(".secret-face").attr("src","https://zhibocdn.yabolive.net/comm"+data.room.face.split('?')[0]+"?x-oss-process=image/resize,w_150") $(".loading-face").show().attr("src","https://zhibocdn.yabolive.net/comm"+data.room.face.split('?')[0]+"?x-oss-process=image/resize,w_350") var loadNum=1 loadT=setInterval(function(){ @@ -1154,7 +1177,6 @@ $(function(){ // $(".room-bg").css("") $(".layer-shadow").show() $(".keyboard-box").show() - $(".keyboard-input").focus() }) $(".gift-layer-ul li").unbind("click").on("click",function(){ @@ -1215,7 +1237,7 @@ $(function(){ $(".layer-shadow").hide() $(".keyboard-box").hide() fixScroll() - $(".login-box").css("bottom","-15rem") + $(".login-box").css("transform","translateY(13rem)") $(".rich-list-layer").css("bottom","-9.1rem") $(".hot-list-layer").css("bottom","-10.9rem") $(".more-layer").css("bottom","-4.4rem") @@ -1399,20 +1421,25 @@ $(function(){ success:function(data){ // console.log('获取TicketRoom信息',data) if(localStorage.uid!=undefined&&localStorage.uid!='undefined')myDiamond() - if(data.progressBar.state>3){ $(".user-msg-box").css('bottom','1.4rem') $(".ticket-box").hide() $("#myVideo").css("filter","blur(0px)") $(".new-msg").css("bottom","1.5rem") + $(".room-top,.user-msg-box,.new-msg,.room-bottom").show() return } $(".ticket-box2-p2,.ticker-buy-content1-p2").html(data.progressBar.showTopic) - if(data.progressBar.showTopic.length>=15) $(".ticket-box2-p2,.ticker-buy-content1-p2").liMarquee() - + if(data.progressBar.showTopic.length>=15) $(".ticket-box2-p2,.ticker-buy-content1-p2").liMarquee({ + drag:true, + circular:false, + + }) + $(".ticket-box3-p1").show() + $(".ticket-box3 .ticket-box3-btn").css("margin-top","0rem") $(".ticket-box3-p1 span,.ticker-buy-time span").text(Math.floor(data.tollconfig.showTime/60000)) - $(".ticketRoom-tips-box").show() + // $(".ticketRoom-tips-box").show() TicketStage=data.progressBar.state turnNumberOk=true; clearInterval(ticketTerval) @@ -1421,14 +1448,14 @@ $(function(){ $(".circleChart1-p,.circleChart2-p").html('<span>0</span>/5').css("color","#fff") if(sessionStorage.lang==2)$(".ticket-box2-p1,.ticker-buy-content1-p1").html("Ticket Room <span>"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span> 后開始") else $(".ticket-box2-p1,.ticker-buy-content1-p1").html("Ticket Room start in <span>"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span>") - $(".ticketRoom-tips-box span").text('Count '+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'') - $(".ticketRoom-tips-box").css("color","#F0257C") + // $(".ticketRoom-tips-box span").text('Count '+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'') + // $(".ticketRoom-tips-box").css("color","#F0257C") $(".ticket-box").show() $(".user-msg-box").css('bottom','2.9rem') $(".new-msg").css("bottom","3rem") $(".ticket-box2-p1 span").text(''+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'') $(".ticker-buy-content1-p1 span").text(''+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'') - $(".ticket-box3-btn").text('Ticker '+data.progressBar.succ+'') + $(".ticket-box3-btn").text(langRoom[sessionStorage.lang].ticketLang27) if(data.inBuyTotal==0)$(".circleChart2-p span").text(data.progressBar.succ) else{ $(".circleChart2-p").text(langRoom[sessionStorage.lang].ticketLang10).css("color","#24FE90").css("font-size","0.3rem") @@ -1462,8 +1489,8 @@ $(function(){ return; } if(data.progressBar.leftTime<0)data.progressBar.leftTime=0 - if(data.progressBar.leftTime<60000)$(".ticketRoom-tips-box").css("color","#FBD91C") - $(".ticketRoom-tips-box span").text('Count '+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))) + // if(data.progressBar.leftTime<60000)$(".ticketRoom-tips-box").css("color","#FBD91C") + // $(".ticketRoom-tips-box span").text('Count '+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))) $(".ticket-box2-p1 span").text(''+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'') $(".ticker-buy-content1-p1 span").text(''+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'') if(data.progressBar.leftTime<6000){ @@ -1492,7 +1519,7 @@ $(function(){ }) var sendClockNum=data.progressBar.leftTime sendClock=setInterval(function(){ - sendClockNum-=20 + sendClockNum-=30 if(sendClockNum<0){ clearInterval(sendClock) layer.closeAll() @@ -1506,42 +1533,47 @@ $(function(){ if(data.progressBar.state==3){ if(data.inBuyTotal>0){ $(".ticker-buy-box").css("bottom","-10rem") - $(".layer-shadow").hide() + $("#myVideo").css("filter","blur(0px)") + $('.secret-ing-content').hide() + $(".secret-bottom-box").hide() + $(".room-top,.user-msg-box,.room-bottom").show() + $(".ticket-box").show() + $(".ticket-box3-btn").text('ticket '+data.progressBar.succ+'') + }else{ + $(".ticker-buy-box").css("bottom","-10rem") + $(".keyboard-box").hide() + $(".sound-tips").addClass("sound-tips2") + $(".room-top,.user-msg-box,.room-bottom,.new-msg").hide() + $('.secret-ing-content').show() + $(".secret-bottom-box").show() + $(".ticket-box").hide() + $("#myVideo").css("filter","blur(14px)") } + //5月16日新樣式 + + // $(".ticketRoom-tips-box span").text('ing...') + // $(".ticketRoom-tips-box").css("color","#24FE90") + //購買按鈕 + /****5月9日修改样式****/ $(".ticket-box3-p1").hide() - $(".ticker-buy-time").css("font-size","0") $(".ticket-box3 .ticket-box3-btn").css("margin-top","0.38rem") - $(".touch-box").unbind("click").on("click",function(){ - if(localStorage.token==undefined||localStorage.token=='undefined'){ - $(".layer-shadow").show() - loginPage() - return; - } - ticketBackpack(chId,rId) - $(".ticker-buy-box").css("bottom","0rem") - $(".layer-shadow").show() - }) + // $(".touch-box").unbind("click").on("click",function(){ + // if(localStorage.token==undefined||localStorage.token=='undefined'){ + // $(".layer-shadow").show() + // loginPage() + // return; + // } + // ticketBackpack(chId,rId) + // $(".ticker-buy-box").css("bottom","0rem") + // $(".layer-shadow").show() + // }) /****/ - $(".ticketRoom-tips-box span").text('ing...') - $(".ticketRoom-tips-box").css("color","#24FE90") - var buyTicket=true; - $(".ticket-box").show() + // $(".ticket-box").show() $(".user-msg-box").css('bottom','2.9rem') $(".new-msg").css("bottom","3rem") - - if(data.inBuyTotal==0){ - $("#myVideo").css("filter","blur(18px)") - $(".ticket-box3-btn").text(langRoom[sessionStorage.lang].ticketLang13) - $(".ticker-buy-box").css("bottom","0rem") - $(".layer-shadow").show() - } - else{ - setTimeout(function(){$(".ticket-box").unbind("click")},500) - $(".ticket-box3-btn").text(langRoom[sessionStorage.lang].ticketLang11) - } $(".ticket-box1-content2").show() - $(".ticker-buy-content1-p1").html(""+langRoom[sessionStorage.lang].ticketLang14+" <span style='color:#24FE90'>"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span>") + $(".secret-ing-p3").html(""+langRoom[sessionStorage.lang].ticketLang14+" <span >"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span>") $(".ticket-box2-p1").html(""+langRoom[sessionStorage.lang].ticketLang14+" <span style='color:#24FE90'>"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span>") ticketTerval=setInterval(function(){ data.progressBar.leftTime-=1000 @@ -1551,18 +1583,28 @@ $(function(){ $(".ticket-box").hide() $("#myVideo").css("filter","blur(0px)") $(".new-msg").css("bottom","1.5rem") - $(".ticketRoom-tips-box").hide() + // $(".ticketRoom-tips-box").hide() + $('.secret-ing-content').hide() + $(".secret-bottom-box").hide() + $(".room-top,.user-msg-box,.room-bottom").show() + $(".sound-tips").hide() return; } // $(".ticketRoom-tips-box span").text('ing...') $(".ticker-tips-span").text(add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))) - $(".ticker-buy-content1-p1").html(""+langRoom[sessionStorage.lang].ticketLang14+" <span style='color:#24FE90'>"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span>") + $(".secret-ing-p3").html(""+langRoom[sessionStorage.lang].ticketLang14+" <span >"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span>") $(".ticket-box2-p1").html(""+langRoom[sessionStorage.lang].ticketLang14+" <span style='color:#24FE90'>"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span>") if(data.progressBar.leftTime<6000){ if(sendClockOk==false)return; if(data.inBuyTotal!=0)turnNumber(3) } - $(".ticker-buy-btn").unbind("click").on("click",function(){ + + $(".secret-bottom").unbind("click").on("click",function(){ + if(localStorage.uid==undefined){ + $(".layer-shadow").show() + loginPage() + return; + } if(data.progressBar.state==3&&data.progressBar.leftTime<120000){ layer.open({ type: 1, @@ -1584,7 +1626,7 @@ $(function(){ }) }else{ - buyTicker(chId,rId,n) + buyTicker(chId,rId,1) } }) },1000) @@ -1592,7 +1634,15 @@ $(function(){ //初始化购票 $(".circleChart1-p span").text(data.progressBar.succ) if(data.progressBar.state==3){ - $(".circleChart1-p").html('<div class="ticket-ing2">'+langRoom[sessionStorage.lang].ticketLang15+'</div>') + // $(".circleChart1-p").html('<div class="ticket-ing2">'+langRoom[sessionStorage.lang].ticketLang15+'</div>') + $(".secret-ing-p4").text(data.progressBar.showTopic) + if(data.backpack>0){ + $(".secret-ing-p5 span").html("X1") + $(".secret-bottom-tips").show().html(''+langRoom[sessionStorage.lang].ticketLang25+'<img src="images/card.png">'+data.backpack+'') + }else{ + $(".secret-bottom-tips").hide() + $(".secret-ing-p5 span").html('<img src="images/diamond.png" alt="">'+data.tollconfig.tollPrice+'') + } } else{ var valueNum2=data.progressBar.succ*20 @@ -1675,6 +1725,7 @@ $(function(){ }) $(".ticket-box").unbind("click").on("click",function(){ + if(data.progressBar.state>2)return; if(localStorage.token==undefined||localStorage.token=='undefined'){ $(".layer-shadow").show() loginPage() @@ -1923,7 +1974,8 @@ $(function(){ if(data.vipRoomList.length>j){ for(var i=0;i<data.vipRoomList.length-j;i++){ list2=data.vipRoomList[j+i] - if(i==0)newList+=(','+JSON.stringify(list2)) + if(i==0&&data.normalRoomList[i].length==0)newList+=(JSON.stringify(list2)) + else if(i==0)newList+=(','+JSON.stringify(list2)) else if((i+j+1)==data.vipRoomList.length)newList+=(','+JSON.stringify(list2)) else newList+=(JSON.stringify(list2)+',') } @@ -2879,7 +2931,7 @@ $(function(){ $(".ticket-box").hide() $("#myVideo").css("filter","blur(0px)") $(".new-msg").css("bottom","1.5rem") - $(".ticketRoom-tips-box").hide() + // $(".ticketRoom-tips-box").hide() sendClockOk=true; clearInterval(ticketTerval) $(".ticker-buy-box").css("bottom","-10rem") @@ -2904,9 +2956,9 @@ $(function(){ if (/iphone|ipad|ipod/.test(ua)) { if(myMsg){ $(".user-msg-box").scrollTop(0) - return; + // return; } - if(Math.abs($(".user-msg-box").scrollTop())<50){ + if(Math.abs($(".user-msg-box").scrollTop())<80){ $(".user-msg-box").scrollTop(0) }else{ $(".new-msg").show() @@ -2914,9 +2966,9 @@ $(function(){ } else if (/android/.test(ua)) { if(myMsg){ $(".user-msg-box").scrollTop(Math.abs($(".user-msg-box").height()-$(".user-msg-big").height())) - return; + // return; } - if($(".user-msg-big").height()-(Math.abs($(".user-msg-box").scrollTop())+$(".user-msg-box").height())<50){ + if($(".user-msg-big").height()-(Math.abs($(".user-msg-box").scrollTop())+$(".user-msg-box").height())<80){ $(".user-msg-box").scrollTop(Math.abs($(".user-msg-box").height()-$(".user-msg-big").height())) }else{ $(".new-msg").show() @@ -2975,7 +3027,7 @@ $(function(){ $(".user-msg-box").scrollTop(Math.abs($(".user-msg-box").height()-$(".user-msg-big").height())) }) $(".user-msg-box").on("scroll",function(){ - if($(".user-msg-big").height()-(Math.abs($(".user-msg-box").scrollTop())+$(".user-msg-box").height())<50){ + if($(".user-msg-big").height()-(Math.abs($(".user-msg-box").scrollTop())+$(".user-msg-box").height())<80){ $(".new-msg").hide() } }) @@ -3135,11 +3187,15 @@ $(function(){ return; } if(data.code==1){ - $(".keyboard-box").hide() - fixScroll() - $(".layer-shadow").hide() + $(".keyboard-input").val("") - document.activeElement.blur(); + var ua = window.navigator.userAgent.toLowerCase(); + if (/android/.test(ua)) { + $(".keyboard-box").hide() + fixScroll() + $(".layer-shadow").hide() + document.activeElement.blur(); + } } } }) @@ -3340,6 +3396,7 @@ $(function(){ return } var _self=$(this) + $(".layer-shadow").show() $(".keyboard-box").show() $(".keyboard-input").focus() $(".keyboard-input").val('@'+_self.attr("data-type")+';') diff --git a/mobile/video.html b/mobile/video.html index 28a17dd..2203b2d 100644 --- a/mobile/video.html +++ b/mobile/video.html @@ -25,7 +25,7 @@ <link rel="stylesheet" href="css2/base.css"> <link rel="stylesheet" href="css2/layer.css"> <link rel="stylesheet" href="css2/daily.css"> - <link rel="stylesheet" href="css2/index.css?v=2022120702"> + <link rel="stylesheet" href="css2/index.css?v=2023051701"> <script src="lib/flv.js"></script> <style> .recommend-swiper{ @@ -142,7 +142,7 @@ <script src="layer-v3.1.0/layer/layer.js"></script> <script src="../lib/keywords.js"></script> <script src="lib/spark-md5.min.js"></script> -<script src="lib/default.js?v=2023041801"></script> +<script src="lib/default.js?v=2023051701"></script> <script> </script> diff --git a/mobile/videoPage.html b/mobile/videoPage.html index 3ca04a8..d557eb3 100644 --- a/mobile/videoPage.html +++ b/mobile/videoPage.html @@ -28,7 +28,7 @@ <link rel="stylesheet" href="css2/base.css"> <link rel="stylesheet" href="css2/layer.css"> <link rel="stylesheet" href="css/login.css"> - <link rel="stylesheet" href="css2/index.css?v=2022121201"> + <link rel="stylesheet" href="css2/index.css?v=2023051701"> <script async defer src="lib/hello.js"></script> <script src="https://accounts.google.com/gsi/client" async defer></script> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script> @@ -321,8 +321,8 @@ </body> <script src="layer-v3.1.0/layer/layer.js"></script> -<script src="lib/login.js?v=2022111801"></script> -<script src="lib/phoneLang.js?v=2023050601"></script> +<script src="lib/login.js?v=2023051701"></script> +<script src="lib/phoneLang.js?v=2023051701"></script> <script> $(function(){ var browserLang = navigator.language -- libgit2 0.25.0