前端样式完成

master
Lee-1203 2022-05-11 14:03:14 +08:00
parent bdd5849621
commit da8fc6595b
3 changed files with 61 additions and 54 deletions

View File

@ -163,10 +163,9 @@
/* 首页样式 */ /* 首页样式 */
.main{ .main{
margin-top: 86px; margin-top: 86px;
min-height: calc(100vh - 204px); min-height: calc(100vh - 244px);
} }
.index-main, .index-main{
.login-main{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: flex-start; align-items: flex-start;
@ -485,12 +484,16 @@
/* 登录/注册页样式 */ /* 登录/注册页样式 */
.login-main{ .login-main{
margin-bottom: 40px; margin-bottom: 40px;
}
.login{
display: flex;
justify-content: space-between;
align-items: flex-start;
background-color: #fff; background-color: #fff;
} }
.login-txt{ .login-txt{
width: calc(100% - 430px); width: calc(100% - 430px);
padding: 44px 20px 0; padding: 44px 20px 0;
} }
.login-txt h1{ .login-txt h1{
font-size: 34px; font-size: 34px;
@ -1219,7 +1222,7 @@
/* 首页 */ /* 首页 */
.main{ .main{
margin-top: 65px; margin-top: 65px;
min-height: calc(100vh - 160px); min-height: calc(100vh - 163px);
} }
.index-side{ .index-side{
display: none; display: none;

View File

@ -60,6 +60,7 @@
</header> </header>
<!-- 主体内容 --> <!-- 主体内容 -->
<div class="main login-main w1140 wow fadeInUp"> <div class="main login-main w1140 wow fadeInUp">
<div class="login">
<div class="login-txt wow fadeInUp"> <div class="login-txt wow fadeInUp">
<h1>欢迎登录</h1> <h1>欢迎登录</h1>
<span>还没有账号?<a href="register.html">立即注册</a></span> <span>还没有账号?<a href="register.html">立即注册</a></span>
@ -86,6 +87,7 @@
<img src="images/login.jpg" alt="登录"> <img src="images/login.jpg" alt="登录">
</div> </div>
</div> </div>
</div>
<!-- 尾部 --> <!-- 尾部 -->
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"> <div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">

View File

@ -60,6 +60,7 @@
</header> </header>
<!-- 主体内容 --> <!-- 主体内容 -->
<div class="main login-main w1140 wow fadeInUp"> <div class="main login-main w1140 wow fadeInUp">
<div class="login">
<div class="login-txt wow fadeInUp"> <div class="login-txt wow fadeInUp">
<h1>欢迎注册</h1> <h1>欢迎注册</h1>
<span>已有账号?<a href="login.html">登录</a></span> <span>已有账号?<a href="login.html">登录</a></span>
@ -92,6 +93,7 @@
<img src="images/login.jpg" alt="登录"> <img src="images/login.jpg" alt="登录">
</div> </div>
</div> </div>
</div>
<!-- 尾部 --> <!-- 尾部 -->
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"> <div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">