前端样式完成
parent
bdd5849621
commit
da8fc6595b
|
|
@ -163,10 +163,9 @@
|
|||
/* 首页样式 */
|
||||
.main{
|
||||
margin-top: 86px;
|
||||
min-height: calc(100vh - 204px);
|
||||
min-height: calc(100vh - 244px);
|
||||
}
|
||||
.index-main,
|
||||
.login-main{
|
||||
.index-main{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
|
|
@ -485,12 +484,16 @@
|
|||
/* 登录/注册页样式 */
|
||||
.login-main{
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.login{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
background-color: #fff;
|
||||
}
|
||||
.login-txt{
|
||||
width: calc(100% - 430px);
|
||||
padding: 44px 20px 0;
|
||||
|
||||
}
|
||||
.login-txt h1{
|
||||
font-size: 34px;
|
||||
|
|
@ -1219,7 +1222,7 @@
|
|||
/* 首页 */
|
||||
.main{
|
||||
margin-top: 65px;
|
||||
min-height: calc(100vh - 160px);
|
||||
min-height: calc(100vh - 163px);
|
||||
}
|
||||
.index-side{
|
||||
display: none;
|
||||
|
|
|
|||
46
login.html
46
login.html
|
|
@ -60,31 +60,33 @@
|
|||
</header>
|
||||
<!-- 主体内容 -->
|
||||
<div class="main login-main w1140 wow fadeInUp">
|
||||
<div class="login-txt wow fadeInUp">
|
||||
<h1>欢迎登录</h1>
|
||||
<span>还没有账号？<a href="register.html">立即注册</a></span>
|
||||
<ul class="login-information">
|
||||
<li>
|
||||
<span>用户名/手机号</span>
|
||||
<input type="text" name="uname" placeholder="">
|
||||
</li>
|
||||
<li>
|
||||
<span>密码</span>
|
||||
<input type="password" name="pwd" placeholder="">
|
||||
</li>
|
||||
</ul>
|
||||
<div class="agree">
|
||||
<span><em class="password"></em>记住密码</span>
|
||||
<a href="">忘记密码？</a>
|
||||
<div class="login">
|
||||
<div class="login-txt wow fadeInUp">
|
||||
<h1>欢迎登录</h1>
|
||||
<span>还没有账号？<a href="register.html">立即注册</a></span>
|
||||
<ul class="login-information">
|
||||
<li>
|
||||
<span>用户名/手机号</span>
|
||||
<input type="text" name="uname" placeholder="">
|
||||
</li>
|
||||
<li>
|
||||
<span>密码</span>
|
||||
<input type="password" name="pwd" placeholder="">
|
||||
</li>
|
||||
</ul>
|
||||
<div class="agree">
|
||||
<span><em class="password"></em>记住密码</span>
|
||||
<a href="">忘记密码？</a>
|
||||
</div>
|
||||
<button class="login-btn">立即登录</button>
|
||||
<div class="wechat-btn-bg">
|
||||
<a href="" class="wechat-btn"><img src="images/icon/icon-wechat.png" alt="微信登录"></a>
|
||||
</div>
|
||||
</div>
|
||||
<button class="login-btn">立即登录</button>
|
||||
<div class="wechat-btn-bg">
|
||||
<a href="" class="wechat-btn"><img src="images/icon/icon-wechat.png" alt="微信登录"></a>
|
||||
<div class="login-img wow fadeInUp">
|
||||
<img src="images/login.jpg" alt="登录">
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-img wow fadeInUp">
|
||||
<img src="images/login.jpg" alt="登录">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 尾部 -->
|
||||
|
|
|
|||
|
|
@ -60,37 +60,39 @@
|
|||
</header>
|
||||
<!-- 主体内容 -->
|
||||
<div class="main login-main w1140 wow fadeInUp">
|
||||
<div class="login-txt wow fadeInUp">
|
||||
<h1>欢迎注册</h1>
|
||||
<span>已有账号？<a href="login.html">登录</a></span>
|
||||
<ul class="login-information register-information">
|
||||
<li>
|
||||
<span>手机号</span>
|
||||
<input type="text" name="uname" placeholder="">
|
||||
</li>
|
||||
<li>
|
||||
<span>手机验证码</span>
|
||||
<section>
|
||||
<div class="login">
|
||||
<div class="login-txt wow fadeInUp">
|
||||
<h1>欢迎注册</h1>
|
||||
<span>已有账号？<a href="login.html">登录</a></span>
|
||||
<ul class="login-information register-information">
|
||||
<li>
|
||||
<span>手机号</span>
|
||||
<input type="text" name="uname" placeholder="">
|
||||
<button class="code-btn">获取手机验证码</button>
|
||||
</section>
|
||||
</li>
|
||||
<li>
|
||||
<span>密码</span>
|
||||
<input type="txt" name="pwd" placeholder="">
|
||||
</li>
|
||||
</ul>
|
||||
<button class="login-btn register-btn">立即注册</button>
|
||||
<div class="agree register-agree">
|
||||
<span><em class="agreement"></em>我已阅读并同意相关服务条款和隐私政策<ins class="icon-arrow"></ins></span>
|
||||
</li>
|
||||
<li>
|
||||
<span>手机验证码</span>
|
||||
<section>
|
||||
<input type="text" name="uname" placeholder="">
|
||||
<button class="code-btn">获取手机验证码</button>
|
||||
</section>
|
||||
</li>
|
||||
<li>
|
||||
<span>密码</span>
|
||||
<input type="txt" name="pwd" placeholder="">
|
||||
</li>
|
||||
</ul>
|
||||
<button class="login-btn register-btn">立即注册</button>
|
||||
<div class="agree register-agree">
|
||||
<span><em class="agreement"></em>我已阅读并同意相关服务条款和隐私政策<ins class="icon-arrow"></ins></span>
|
||||
</div>
|
||||
<div class="wechat-btn-bg">
|
||||
<a href="" class="wechat-btn"><img src="images/icon/icon-wechat.png" alt="微信登录"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wechat-btn-bg">
|
||||
<a href="" class="wechat-btn"><img src="images/icon/icon-wechat.png" alt="微信登录"></a>
|
||||
<div class="login-img wow fadeInUp">
|
||||
<img src="images/login.jpg" alt="登录">
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-img wow fadeInUp">
|
||||
<img src="images/login.jpg" alt="登录">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 尾部 -->
|
||||
|
|
|
|||
Loading…
Reference in New Issue