Skip to content

libai / footseen-large-website

Go to a project
Commit 12013573 by libai
Options

测试

parent e2719109
Inline Side-by-side
Showing with 180 additions and 20 deletions
mTest/css2/index.css
......@@ -498,6 +498,7 @@
text-indent: 1.6rem;
}
.grap-like {
display: none;
width: 1.78rem;
height: 0.98rem;
background: url(../images/like.png) no-repeat;
......
mTest/css2/index.less
......@@ -510,6 +510,7 @@
text-indent: 1.6rem;
}
.grap-like{
display: none;
width: 1.78rem;
height: 0.98rem;
background: url(../images/like.png) no-repeat;
......
mTest/index.html
......@@ -84,7 +84,7 @@
<li class="top-box-li-click">直播 <img class="click-img" src="images/click.png" alt=""></li>
<a href="videoPage.html"><li>影片</li></a>
</ul>
<div class="first-login-btn ">登入2/註冊</div>
<div class="first-login-btn ">登入/註冊</div>
</div>
<div class="bottom-nav">
<div><div class="bottom-nav-img1 bottom-nav-img1-click"></div><p class="bottom-p-click">首頁</p></div>
......@@ -427,6 +427,25 @@ $(function(){
}
})
}
//ios首次登陆
var ua = window.navigator.userAgent.toLowerCase();
if(sessionStorage.oneLogin==1){
if (/iphone|ipad|ipod/.test(ua)) {
sessionStorage.oneLogin=0
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["7.3rem", "12.24rem"],
content: $(".layer-ios"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
}
}
//用户是否登录
if(localStorage.uid!==undefined&&localStorage.uid!="undefined"){
userInfo()
......
mTest/lib/login.js
......@@ -4,24 +4,7 @@ $(function(){
$(".login1").show()
})
})
var ua = window.navigator.userAgent.toLowerCase();
if(sessionStorage.oneLogin==1){
if (/iphone|ipad|ipod/.test(ua)) {
sessionStorage.oneLogin=0
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["7.3rem", "12.24rem"],
content: $(".layer-ios"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
}
}
$(".area-phone-box").css("height",$(document).height())
var areaJson={
"resources": {
......
mTest/videoPage.html
......@@ -26,7 +26,11 @@
<script src="lib/fsize.js"></script>
<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=20220615">
<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>
<style>
.layui-layer-shade {
opacity: 0.7 !important;
......@@ -169,9 +173,151 @@
</div>
<div style="height: 2.5rem;"></div>
</div>
<div class="login-box">
<div class="login-show">
<span class="login-close">×</span>
<div class="login-p1">登入/註冊</div>
<div class="login-phone-btn"><img src="images/phone-icon2.png">Phone</div>
<div class="login-google-btn"><img src="images/google1.png">Google<div id="buttonDiv-big"></div></div>
<div class="login-line"></div>
<div class="login-line-text">其他方式登入</div>
<ul class="login-more-btn">
<li class="line_btn"><img src="images/d2.png" alt=""></li>
<li class="facebook_btn"><img src="images/d3.png" alt=""></li>
<li class="twitter_btn"><img src="images/d4.png" alt=""></li>
</ul>
</div>
<div style="display: none;" class="login1">
<span class="login-close">×</span>
<div class="login-p1">登入/註冊</div>
<div class="login-area">
<span>國家/地區</span>
<span><span class="area-span">中國</span>></span>
</div>
<div class="login-phone">
<img src="images/phone-icon.png" alt="">
<input class="login-phone-input" placeholder="請輸入手機號" type="text">
</div>
<div class="login-btn">登入</div>
<p class="login-tips">未註冊的手機將為你免費創建賬號</p>
<div class="login-line"></div>
<div class="login-line-text">其他方式登入</div>
<ul class="login-more-btn">
<li><img src="images/d1.png" alt=""><div class="buttonDiv1" id="buttonDiv1"></div></li>
<li class="line_btn"><img src="images/d2.png" alt=""></li>
<li class="facebook_btn"><img src="images/d3.png" alt=""></li>
<li class="twitter_btn"><img src="images/d4.png" alt=""></li>
</ul>
</div>
<div style="display: none;" class="login2">
<span class="login-close">×</span>
<div class="login-p1">登入/註冊</div>
<div class="login-area">
<span>國家/地區</span>
<span><span class="area-span">中國</span>></span>
</div>
<div class="login-phone">
<img src="images/phone-icon.png" alt="">
<input class="login-phone-input" placeholder="請輸入手機號" type="text">
</div>
<div class="login-password">
<img src="images/suo-icon.png" alt="">
<input class="login-password-input" placeholder="请输入密码" type="password">
</div>
<div class="login-btn">登入</div>
<p class="login-tips">未註冊的手機將為你免費創建賬號</p>
<!-- <div class="login-line"></div>
<div class="login-line-text">其他方式登入</div> -->
<ul class="login-more-btn">
<li><img src="images/d1.png" alt=""><div class="buttonDiv1" id="buttonDiv2"></div></li>
<li class="line_btn"><img src="images/d2.png" alt=""></li>
<li class="facebook_btn"><img src="images/d3.png" alt=""></li>
<li class="twitter_btn"><img src="images/d4.png" alt=""></li>
</ul>
</div>
<div style="display: none;" class="register">
<span class="login-close">×</span>
<div class="login-p1">註冊</div>
<div class="register-area">
<span class="register-area-p1">國家/地區</span>
<span class="register-area-p2"><span class="area-span">中國</span> <span>></span></span>
</div>
<div class="register-phone">
<img class="register-phone-icon" src="images/phone-icon.png" alt="">
<span class="register-phone-number">+86</span>
<input class="register-phone-input" placeholder="請輸入您的手機號碼" type="text">
<span class="register-code-get">驗證碼</span>
</div>
<div class="register-code-box">
<img class="code-icon" src="images/code-icon.png" alt="">
<input class="register-code-input" placeholder="請輸入驗證碼" type="text">
</div>
<div class="register-password-box">
<img class="suo-icon" src="images/suo-icon.png" alt="">
<input class="password-input" placeholder="請設置6-16位新密碼" type="text">
</div>
<div class="register-change-btn">創建免費賬戶</div>
<p class="register-tips">通過註冊，即代表您同意使用條款</p>
<div class="login-line"></div>
<div class="login-line-text">其他方式登入</div>
<ul class="login-more-btn">
<li><img src="images/d1.png" alt=""><div class="buttonDiv1" id="buttonDiv3"></div></li>
<li class="line_btn"><img src="images/d2.png" alt=""></li>
<li class="facebook_btn"><img src="images/d3.png" alt=""></li>
<li class="twitter_btn"><img src="images/d4.png" alt=""></li>
</ul>
</div>
<div style="display: none;" class="reset">
<span class="login-close">×</span>
<div class="login-p1">重置密码</div>
<div class="register-area">
<span class="register-area-p1">國家/地區</span>
<span class="register-area-p2"><span class="area-span">中國</span> <span>></span></span>
</div>
<div class="register-phone">
<img class="register-phone-icon" src="images/phone-icon.png" alt="">
<span class="register-phone-number">+86</span>
<input class="register-phone-input" placeholder="請輸入您的手機號碼" type="text">
<span class="register-code-get">驗證碼</span>
</div>
<div class="register-code-box">
<img class="code-icon" src="images/code-icon.png" alt="">
<input class="register-code-input" placeholder="請輸入驗證碼" type="text">
</div>
<div class="register-password-box">
<img class="suo-icon" src="images/suo-icon.png" alt="">
<input class="password-input" placeholder="請設置6-16位新密碼" type="text">
</div>
<div class="register-password-box">
<img class="suo-icon" src="images/suo-icon.png" alt="">
<input class="password-input" placeholder="請再次輸入新密碼" type="text">
</div>
<div class="reset-btn">確定</div>
</div>
</div>
<div class="area-phone-box">
<div class="area-phone-top">
<div class="area-phone-title">選擇國家</div>
<span class="area-close">x</span>
<div class="area-search">
<img class="search-icon" src="images/search.png" alt="">
<input placeholder="搜尋" class="area-search-input" type="text">
</div>
</div>
<div style="height: 2.5rem;"></div>
<ul class="area-ul">
<!-- <li>
<div class="area-li-box1">Hong Kong(香港)</div>
<div class="area-li-box2">+852</div>
</li> -->
</ul>
<div class="search-no-li">暫無該國家地區</div>
</div>
</body>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script src="lib/login.js?v=2022111801"></script>
<script>
$(function(){
......@@ -191,6 +337,16 @@ $(function(){
var scrollOk=true;
var scrollTopNum=0
getLive()
if(localStorage.uid==undefined){
$(".first-login-btn").show()
$(".first-login-btn").on("click",function(){
if(localStorage.uid==undefined){
$(".nav-shadow").show()
loginPage()
return
}
})
}
setTimeout(function(){
tagGet()
},800)
......
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