Skip to content

libai / footseen-large-website

Go to a project
Commit 740e0b8a by libai
Options

测试

parent 995bf6e7
Inline Side-by-side
Showing with 42 additions and 41 deletions
images/google-login-btn.png
images/google-login-btn.png

1.71 KB | W: | H:

images/google-login-btn.png

1.71 KB | W: | H:

images/google-login-btn.png
images/google-login-btn.png
images/google-login-btn.png
images/google-login-btn.png
  • 2-up
  • Swipe
  • Onion skin
mobile/css/login.css
......@@ -112,38 +112,28 @@
text-align: center;
margin-top: 0.2rem;
}
.login-phone-btn {
.login-twitter-btn {
position: relative;
width: 6.4rem;
height: 1.3rem;
background: linear-gradient(to right, #E43984, #E538C1);
border-radius: 1rem;
text-align: center;
position: relative;
color: #fff;
line-height: 1.3rem;
font-size: 0.4rem;
background: url(../images/twitter-btn.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto;
margin-top: 1.8rem;
}
.login-phone-btn > img {
width: 0.4rem;
position: absolute;
left: 0.6rem;
top: 0.32rem;
margin-top: 0.5rem;
}
.login-google-btn {
position: relative;
width: 6.4rem;
height: 1.3rem;
line-height: 1.3rem;
background: #FEE5F0;
background: linear-gradient(to bottom right, #E93485, #EA33BF);
border-radius: 1rem;
border: 1px solid #DA196E;
margin: 0 auto;
margin-top: 0.5rem;
margin-top: 1.8rem;
text-align: center;
font-size: 0.4rem;
color: #DC2376;
color: #fff;
}
.login-google-btn > img {
width: 0.72rem;
......
mobile/css/login.less
......@@ -114,23 +114,32 @@
margin-top: 0.2rem;
}
.login-phone-btn{
// width: 6.4rem;
// height: 1.3rem;
// background:linear-gradient(to right,#E43984,#E538C1);
// border-radius: 1rem;
// text-align: center;
// position: relative;
// color: #fff;
// line-height: 1.3rem;
// font-size: 0.4rem;
// margin: 0 auto;
// margin-top: 1.8rem;
// >img{
// width: 0.4rem;
// position: absolute;
// left: 0.6rem;
// top: 0.32rem;
// }
}
.login-twitter-btn{
position: relative;
width: 6.4rem;
height: 1.3rem;
background:linear-gradient(to right,#E43984,#E538C1);
border-radius: 1rem;
text-align: center;
position: relative;
color: #fff;
line-height: 1.3rem;
font-size: 0.4rem;
background: url(../images/twitter-btn.png)no-repeat;
background-size: 100% 100%;
margin: 0 auto;
margin-top: 1.8rem;
>img{
width: 0.4rem;
position: absolute;
left: 0.6rem;
top: 0.32rem;
}
margin-top: 0.5rem;
}
.login-google-btn{
position: relative;
......@@ -139,15 +148,15 @@
height: 1.3rem;
line-height: 1.3rem;
border-radius: 1rem;
background:#FEE5F0;
background:linear-gradient(to bottom right,#E93485,#EA33BF);
text-align: center;
border-radius: 1rem;
border: 1px solid #DA196E;
margin: 0 auto;
margin-top: 0.5rem;
margin-top: 1.8rem;
text-align: center;
font-size: 0.4rem;
color: #DC2376;
color: #fff;
>img{
width: 0.72rem;
position: absolute;
......
mobile/index.html
......@@ -37,7 +37,7 @@
<link rel="stylesheet" href="css/base.css?v=2022112904">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/index.css?v=2022120104">
<link rel="stylesheet" href="css/login.css?v=2022120104">
<link rel="stylesheet" href="css/login.css?v=2023011201">
<link rel="manifest" href="manifest.webmanifest?v=2022120601" />
<script async defer src="lib/hello.js"></script>
......@@ -248,14 +248,15 @@
<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-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-twitter-btn twitter_btn" ></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>
<li class="login-phone-btn"><img src="images/d5.png" alt=""></li>
</ul>
</div>
<div style="display: none;" class="login1">
......
mobile/room/liveRoom.html
......@@ -36,7 +36,7 @@
<link rel="stylesheet" href="../css/base.css?v=2022112804">
<link rel="stylesheet" href="../css/layer.css">
<link rel="stylesheet" href="css/liveRoom.css?v=2023010301">
<link rel="stylesheet" href="../css/login.css?v=2022112804">
<link rel="stylesheet" href="../css/login.css?v=2023011201">
<link rel="manifest" href="../manifest.webmanifest?v=2022112308" />
<script src="../lib/hello.js" async defer></script>
<script src="https://accounts.google.com/gsi/client" async defer></script>
......@@ -388,14 +388,15 @@
<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-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-twitter-btn twitter_btn" ></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>
<li class="login-phone-btn"><img src="../images/d5.png" alt=""></li>
</ul>
</div>
<div style="display: none;" class="login1">
......
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