Skip to content

libai / footseen-large-website

Go to a project
Commit 9a8a29de by libai
Options

测试

parent 13a86c61
Inline Side-by-side
Showing with 28 additions and 33 deletions
yazhaiTest/css/login.css
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
margin-top: 40px; margin-top: 40px;
cursor: pointer; cursor: pointer;
} }
#google-login-btn { .google-login-btn {
width: 390px; width: 390px;
height: 70px; height: 70px;
background: url(https://www.footseen.xyz/yazhaiTest/images/google-login-btn.png) no-repeat; background: url(https://www.footseen.xyz/yazhaiTest/images/google-login-btn.png) no-repeat;
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
margin-top: 0px; margin-top: 0px;
cursor: pointer; cursor: pointer;
} }
#google-login-btn .abcRioButton { .google-login-btn .abcRioButton {
height: 70px !important; height: 70px !important;
width: 390px !important; width: 390px !important;
opacity: 0; opacity: 0;
......
yazhaiTest/css/login.less
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
margin-top: 40px; margin-top: 40px;
cursor: pointer; cursor: pointer;
} }
#google-login-btn{ .google-login-btn{
width: 390px; width: 390px;
height: 70px; height: 70px;
background: url(https://www.footseen.xyz/yazhaiTest/images/google-login-btn.png)no-repeat; background: url(https://www.footseen.xyz/yazhaiTest/images/google-login-btn.png)no-repeat;
......
yazhaiTest/css/neck.css
...@@ -430,6 +430,10 @@ body::-webkit-scrollbar { ...@@ -430,6 +430,10 @@ body::-webkit-scrollbar {
font-size: 18px; font-size: 18px;
padding-top: 20px; padding-top: 20px;
} }
.video-list-box {
width: 1440px;
margin: 0 auto;
}
.more-shadow { .more-shadow {
width: 100vw; width: 100vw;
position: fixed; position: fixed;
......
yazhaiTest/css/neck.less
...@@ -452,7 +452,10 @@ ...@@ -452,7 +452,10 @@
padding-top: 20px; padding-top: 20px;
} }
} }
.video-list-box{
width: 1440px;
margin: 0 auto;
}
.more-shadow{ .more-shadow{
width: 100vw; width: 100vw;
position: fixed; position: fixed;
......
yazhaiTest/lib/login.js
...@@ -5,7 +5,7 @@ function loginGo(){ ...@@ -5,7 +5,7 @@ function loginGo(){
html+=' <div style="display: none;" class="login-box1">'; html+=' <div style="display: none;" class="login-box1">';
html+=' <div class="login-title">登入</div>'; html+=' <div class="login-title">登入</div>';
html+=' <div class="phone-login-btn"></div>'; html+=' <div class="phone-login-btn"></div>';
html+=' <div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark" id="google-login-btn"></div>'; html+=' <div class="google-login-btn" id="buttonDiv"></div>';
html+=' <div class="more-login"><img src="https://www.footseen.xyz/yazhaiTest/images/more-login.png" alt=""></div>'; html+=' <div class="more-login"><img src="https://www.footseen.xyz/yazhaiTest/images/more-login.png" alt=""></div>';
html+=' <div class="more-login-box">'; html+=' <div class="more-login-box">';
html+=' <div class="more-login-icon"><img src="https://www.footseen.xyz/yazhaiTest/images/login-icon2.png" alt=""></div>'; html+=' <div class="more-login-icon"><img src="https://www.footseen.xyz/yazhaiTest/images/login-icon2.png" alt=""></div>';
...@@ -125,21 +125,11 @@ function loginGo(){ ...@@ -125,21 +125,11 @@ function loginGo(){
html+='<div class="login-face-out">跳過，稍後再決定</div>'; html+='<div class="login-face-out">跳過，稍後再決定</div>';
html+='</div>'; html+='</div>';
$(".login-content").html(html); $(".login-content").html(html);
function handleCredentialResponse(response) {
console.log("Encoded JWT ID token: " + response.credential);
}
function onSignIn(googleUser) {
// Useful data for your client-side scripts:
var profile = googleUser.getBasicProfile();
console.log("ID: " + profile.getId()); // Don't send this directly to your server!
console.log('Full Name: ' + profile.getName());
console.log('Given Name: ' + profile.getGivenName());
console.log('Family Name: ' + profile.getFamilyName());
console.log("Image URL: " + profile.getImageUrl());
console.log("Email: " + profile.getEmail());
// The ID token you need to pass to your backend:
var id_token = googleUser.getAuthResponse().id_token;
console.log("ID Token: " + id_token);
}
var html=[]; var html=[];
html+='<div style="display: none;" class=nav-login-btn>登入/註冊</div>'; html+='<div style="display: none;" class=nav-login-btn>登入/註冊</div>';
html+='<div style="display: none;" class="nav-login">'; html+='<div style="display: none;" class="nav-login">';
...@@ -242,6 +232,18 @@ function loginGo(){ ...@@ -242,6 +232,18 @@ function loginGo(){
layer.closeAll() layer.closeAll()
} }
}) })
window.onload = function () {
google.accounts.id.initialize({
client_id: "YOUR_GOOGLE_CLIENT_ID",
callback: handleCredentialResponse
});
google.accounts.id.renderButton(
document.getElementById("buttonDiv"),
{ theme: "outline", size: "large" } // customization attributes
);
google.accounts.id.prompt(); // also display the One Tap dialog
}
console.log(2121)
}) })
var jsSrc =(navigator.language || navigator.browserLanguage).toLowerCase(); var jsSrc =(navigator.language || navigator.browserLanguage).toLowerCase();
if(jsSrc.indexOf('zh-cn')!=-1){ if(jsSrc.indexOf('zh-cn')!=-1){
......
yazhaiTest/pc.html
...@@ -91,7 +91,7 @@ ...@@ -91,7 +91,7 @@
</div> </div>
<div class="m-box"> <div class="m-box">
<div style="height: 60px;"></div> <div style="height: 60px;"></div>
<div id="buttonDiv"></div>
<ul class="live-box-ul clearfix"> <ul class="live-box-ul clearfix">
<!-- <li> <!-- <li>
<div class="live-top-box"> <div class="live-top-box">
...@@ -321,20 +321,6 @@ $(function(){ ...@@ -321,20 +321,6 @@ $(function(){
// $("head").append(html) // $("head").append(html)
// $(".google-login").attr("src","https://apis.google.com/js/platform.js") // $(".google-login").attr("src","https://apis.google.com/js/platform.js")
function handleCredentialResponse(response) {
console.log("Encoded JWT ID token: " + response.credential);
}
window.onload = function () {
google.accounts.id.initialize({
client_id: "534183685500-ag0vai0jh6todldi4rg6lvp0gcsojk0n.apps.googleusercontent.com",
callback: handleCredentialResponse
});
google.accounts.id.renderButton(
document.getElementById("buttonDiv"),
{ theme: "outline", size: "large" } // customization attributes
);
google.accounts.id.prompt(); // also display the One Tap dialog
}
loginGo() loginGo()
var scrollOk=true; var scrollOk=true;
......
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