Skip to content

施宇 / icsales

Go to a project
Commit 484b9da5 by 梁建民
Options

登录，注册

parent c459ba2d
Expand all
Inline Side-by-side
Showing with 1033 additions and 43 deletions
Application/Common/Conf/config_url.php
......@@ -31,6 +31,8 @@ return array(
'index' => 'Home/Index/index',
'indexsearch' => 'Home/Index/indexsearch',
'login' => 'Home/Index/login',
'register' => 'Home/Index/register',
'forget' => 'Home/Index/forget',
'homes' => 'Home/Index/home',
'inquiry' => 'Home/Index/inquiry',
'quote' => 'Home/Index/quote',
......
Application/Home/Controller/IndexController.class.php
......@@ -6,28 +6,45 @@ use Think\Controller;
class IndexController extends Controller
{
/**
/**
* 首页
*/
public function index()
{
$this->display('Index/index');
}
/**
/**
* 首页搜索结果
*/
public function indexsearch()
{
$this->display('Index/search');
}
/**
/**
* 登录页面
*/
public function login()
{
$this->display('Login/index');
}
/**
* 注册页面
*/
public function register()
{
$this->display('Register/index');
}
/**
* 忘记密码
*/
public function forget()
{
$this->display('Forget/index');
}
/**
* 后台管理首页
*/
......@@ -155,7 +172,8 @@ class IndexController extends Controller
{
$this->display('Certification/index');
}
/**
/**
* 通知
*/
public function notice()
......
Application/Home/View/Forget/index.html 0 → 100644
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<include file="public/header"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/person.css">
</head>
<body>
<div class="person-bar lineBlock va-m">
<div class="person">
<div class="wrap">
<ul class="status">
<li class="lineBlock curr">
<em class="va-m lineBlock"></em>
<span class="va-m">验证手机号</span>
</li>
<li class="lineBlock">
<em class="va-m lineBlock"></em>
<span class="va-m">重设新密码</span>
</li>
<li class="lineBlock">
<em class="va-m lineBlock"></em>
<span class="va-m">设置成功</span>
</li>
</ul>
<div class="register layui-form" style="display: none">
<p class="tit">
<em class="va-m lineBlock"></em>
<span class="va-m">忘记密码</span>
</p>
<div class="input-wrap">
<i class="iconfont iconjuxing23 va-m"></i>
<input type="text" class="w w1 va-m" placeholder="请输入手机号">
<div class="sel lineBlock va-m">
<select name="interest">
<option value="0">中国 +86</option>
<option value="1">香港 +86</option>
</select>
</div>
</div>
<div class="input-wrap">
<i class="iconfont iconjuxing26 va-m"></i>
<input type="text" class="w w1 va-m" placeholder="请输入手机号">
<span class="lineBlock text va-m">发送验证码</span>
</div>
<div class="btn-wrap">
<a href="javascript:;" class="btn">下一步</a>
</div>
</div>
<div class="register layui-form" style="display: block">
<p class="tit">
<em class="va-m lineBlock"></em>
<span class="va-m">忘记密码</span>
</p>
<div class="input-wrap">
<i class="iconfont iconpassword va-m"></i>
<input type="password" class="w w1 va-m" placeholder="请输入密码">
<i class="iconfont iconjuxing27 va-m lineBlock"></i>
</div>
<div class="btn-wrap">
<a href="javascript:;" class="btn">设置密码</a>
</div>
</div>
<div class="success" style="display: none">
<i class="ico"></i>
<p class="t1" style="margin-bottom: 10px;">恭喜您，密码设置成功</p>
<p class="t2" style="margin: 0 auto 60px;">为请保管好您的账户信息。</p>
<a href="javascript:;" class="btn">返回首页</a>
</div>
</div>
</div>
</div>
<b class="lineBlock emptys"></b>
<include file="public/foot"/>
</body>
</html>
\ No newline at end of file
Application/Home/View/Login/index.html
......@@ -7,46 +7,107 @@
</head>
<body>
<div class="person">
<div class="wrap">
<div class="top">
<i class="logo"></i>
<p class="t1">IC业务助手</p>
<p class="t2">让询报价更轻松、便捷</p>
</div>
<div class="wechat" style="display: none">
<a href="javascript:;" class="btn">
<i class="iconfont iconjuxing22 va-m"></i>
<span class="va-m">微信登录</span>
</a>
<p class="tab-sel">
<a href="javascript:;">验证码登录</a>
<a href="javascript:;">密码登录</a>
</p>
</div>
<div class="bind-mobile layui-form">
<div class="input-wrap">
<i class="iconfont iconjuxing23 va-m"></i>
<input type="text" class="w w1 va-m" placeholder="请输入手机号">
<div class="sel lineBlock va-m">
<select name="interest">
<option value="0">中国 +86</option>
<option value="1">香港 +86</option>
</select>
<div class="person-bar lineBlock va-m">
<div class="person">
<div class="wrap">
<div class="top">
<i class="logo"></i>
<p class="t1">IC业务助手</p>
<p class="t2">让询报价更轻松、便捷</p>
</div>
<div class="wechat" style="display: none">
<a href="javascript:;" class="btn">
<i class="iconfont iconjuxing22 va-m"></i>
<span class="va-m">微信登录</span>
</a>
<p class="tab-sel">
<a href="javascript:;">验证码登录</a>
<a href="javascript:;">密码登录</a>
</p>
</div>
<div class="bind-mobile layui-form" style="display: none">
<div class="input-wrap">
<i class="iconfont iconjuxing23 va-m"></i>
<input type="text" class="w w1 va-m" placeholder="请输入手机号">
<div class="sel lineBlock va-m">
<select name="interest">
<option value="0">中国 +86</option>
<option value="1">香港 +86</option>
</select>
</div>
</div>
<div class="input-wrap">
<i class="iconfont iconjuxing26 va-m"></i>
<input type="text" class="w w1 va-m" placeholder="请输入手机号">
<span class="lineBlock text va-m">发送验证码</span>
</div>
<div class="btn-wrap">
<a href="javascript:;" class="btn">绑定手机号</a>
</div>
</div>
<div class="input-wrap">
<i class="iconfont iconjuxing26 va-m"></i>
<input type="text" class="w w1 va-m" placeholder="请输入手机号">
<div class="verify-code layui-form" style="display: none">
<div class="input-wrap">
<i class="iconfont iconjuxing23 va-m"></i>
<input type="text" class="w w1 va-m" placeholder="请输入手机号">
<div class="sel lineBlock va-m">
<select name="interest">
<option value="0">中国 +86</option>
<option value="1">香港 +86</option>
</select>
</div>
</div>
<div class="input-wrap">
<i class="iconfont iconjuxing26 va-m"></i>
<input type="text" class="w w1 va-m" placeholder="请输入手机号">
<span class="lineBlock text va-m">发送验证码</span>
</div>
<div class="btn-wrap">
<a href="javascript:;" class="btn">登录</a>
</div>
<div class="operate clr">
<a href="javascript:;" class="fl l">密码登录</a>
<p class="fr r">
<span>还没账户？</span>
<a href="javascript:;">免费注册</a>
</p>
</div>
</div>
<div class="btn-wrap">
<a href="javascript:;" class="btn">绑定手机号</a>
<div class="login layui-form">
<div class="input-wrap">
<i class="iconfont iconjuxing23 va-m"></i>
<input type="text" class="w w1 va-m" placeholder="请输入手机号">
<div class="sel lineBlock va-m">
<select name="interest">
<option value="0">中国 +86</option>
<option value="1">香港 +86</option>
</select>
</div>
</div>
<div class="input-wrap">
<i class="iconfont iconpassword va-m"></i>
<input type="text" class="w w1 va-m" placeholder="请输入密码">
<i class="iconfont iconjuxing27 va-m lineBlock"></i>
</div>
<div class="pwd">
<a href="javascript:;" class="fr">忘记密码？</a>
</div>
<div class="btn-wrap">
<a href="javascript:;" class="btn">登录</a>
</div>
<div class="operate clr">
<a href="javascript:;" class="fl l">密码登录</a>
<p class="fr r">
<span>还没账户？</span>
<a href="javascript:;">免费注册</a>
</p>
</div>
</div>
</div>
</div>
</div>
<include file="public/foot" />
<b class="lineBlock emptys"></b>
<include file="public/foot"/>
</body>
</html>
\ No newline at end of file
Application/Home/View/Register/index.html 0 → 100644
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<include file="public/header"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/person.css">
</head>
<body>
<div class="person-bar lineBlock va-m">
<div class="person">
<div class="wrap">
<div class="register layui-form" style="display: none">
<p class="tit">
<em class="va-m lineBlock"></em>
<span class="va-m">注册账户</span>
</p>
<div class="input-wrap">
<i class="iconfont iconjuxing23 va-m"></i>
<input type="text" class="w w1 va-m" placeholder="请输入手机号">
<div class="sel lineBlock va-m">
<select name="interest">
<option value="0">中国 +86</option>
<option value="1">香港 +86</option>
</select>
</div>
</div>
<div class="input-wrap">
<i class="iconfont iconpassword va-m"></i>
<input type="text" class="w w1 va-m" placeholder="请输入密码">
<i class="iconfont iconjuxing27 va-m lineBlock"></i>
</div>
<div class="input-wrap">
<i class="iconfont iconjuxing26 va-m"></i>
<input type="text" class="w w1 va-m" placeholder="请输入手机号">
<span class="lineBlock text va-m">发送验证码</span>
</div>
<div class="btn-wrap">
<a href="javascript:;" class="btn">注册</a>
</div>
<p class="agree">点击注册即默认同意<a>《IC业务助手协议》</a></p>
</div>
<div class="success">
<a href="javascript:;" class="text">暂不认证，跳过</a>
<i class="ico"></i>
<p class="t1">恭喜您，注册成功</p>
<a href="javascript:;" class="btn">资质认证</a>
<p class="t2">为了保证询报价的真实性，请完成“<em>资质认证</em>” 否则将影响您的询价和报价业务</p>
</div>
</div>
</div>
</div>
<b class="lineBlock emptys"></b>
<include file="public/foot"/>
</body>
</html>
\ No newline at end of file
dist/css/person.css
......@@ -2,12 +2,16 @@ html,
body {
width: 100%;
height: 100%;
}
body {
background: #F5F9FC;
overflow-x: hidden;
overflow-y: auto;
min-height: 700px;
text-align: center;
}
.person {
position: relative;
width: 640px;
height: 670px;
background: #ffffff;
......@@ -99,7 +103,7 @@ body {
}
.person .wrap .bind-mobile .input-wrap .sel {
position: relative;
width: 100px;
width: 112px;
}
.person .wrap .bind-mobile .input-wrap .sel:after {
position: absolute;
......@@ -111,8 +115,19 @@ body {
background: #D8DFE6;
}
.person .wrap .bind-mobile .input-wrap .sel .layui-input {
font-size: 16px !important;
color: #515559 !important;
border: none !important;
}
.person .wrap .bind-mobile .input-wrap .text {
width: 100px;
font-size: 16px;
color: #0d84d1;
text-align: center;
}
.person .wrap .bind-mobile .btn-wrap {
margin-top: 30px;
}
.person .wrap .bind-mobile .btn-wrap .btn {
width: 400px;
height: 48px;
......@@ -125,4 +140,342 @@ body {
font-size: 18px;
color: #ffffff;
}
.person .wrap .verify-code {
width: 400px;
margin: 50px auto 0;
}
.person .wrap .verify-code .operate {
margin-top: 30px;
}
.person .wrap .verify-code .operate .l {
font-size: 14px;
color: #8a9299;
}
.person .wrap .verify-code .operate .r span {
font-size: 14px;
color: #515559;
}
.person .wrap .verify-code .operate .r a {
font-size: 14px;
color: #0d84d1;
}
.person .wrap .verify-code .input-wrap {
height: 48px;
margin-bottom: 20px;
border-bottom: 1px solid #E6ECF2;
padding-left: 10px;
white-space: nowrap;
}
.person .wrap .verify-code .input-wrap .iconjuxing23,
.person .wrap .verify-code .input-wrap .iconjuxing26 {
font-size: 28px;
color: #adb6bf;
}
.person .wrap .verify-code .input-wrap .w {
font-size: 16px;
line-height: 40px;
text-indent: 1em;
}
.person .wrap .verify-code .input-wrap .w.w1 {
width: 255px;
}
.person .wrap .verify-code .input-wrap .sel {
position: relative;
width: 112px;
}
.person .wrap .verify-code .input-wrap .sel:after {
position: absolute;
top: 9px;
left: 0;
content: '';
width: 1px;
height: 22px;
background: #D8DFE6;
}
.person .wrap .verify-code .input-wrap .sel .layui-input {
font-size: 16px !important;
color: #515559 !important;
border: none !important;
}
.person .wrap .verify-code .input-wrap .text {
width: 100px;
font-size: 16px;
color: #0d84d1;
text-align: center;
}
.person .wrap .verify-code .btn-wrap {
margin-top: 30px;
}
.person .wrap .verify-code .btn-wrap .btn {
width: 400px;
height: 48px;
margin: 0 auto;
background: #0d84d1;
border-radius: 3px;
display: block;
line-height: 48px;
text-align: center;
font-size: 18px;
color: #ffffff;
}
.person .wrap .login {
width: 400px;
margin: 50px auto 0;
}
.person .wrap .login .operate {
margin-top: 30px;
}
.person .wrap .login .operate .l {
font-size: 14px;
color: #8a9299;
}
.person .wrap .login .operate .r span {
font-size: 14px;
color: #515559;
}
.person .wrap .login .operate .r a {
font-size: 14px;
color: #0d84d1;
}
.person .wrap .login .iconjuxing27 {
font-size: 20px;
color: #adb6bf;
width: 112px;
text-align: left;
padding-left: 55px;
}
.person .wrap .login .pwd {
margin-bottom: 60px;
}
.person .wrap .login .pwd a {
font-size: 16px;
color: #0d84d1;
}
.person .wrap .login .input-wrap {
height: 48px;
margin-bottom: 20px;
border-bottom: 1px solid #E6ECF2;
padding-left: 10px;
white-space: nowrap;
}
.person .wrap .login .input-wrap .iconjuxing23,
.person .wrap .login .input-wrap .iconjuxing26,
.person .wrap .login .input-wrap .iconpassword {
font-size: 28px;
color: #adb6bf;
}
.person .wrap .login .input-wrap .w {
font-size: 16px;
line-height: 40px;
text-indent: 1em;
}
.person .wrap .login .input-wrap .w.w1 {
width: 255px;
}
.person .wrap .login .input-wrap .sel {
position: relative;
width: 112px;
}
.person .wrap .login .input-wrap .sel:after {
position: absolute;
top: 9px;
left: 0;
content: '';
width: 1px;
height: 22px;
background: #D8DFE6;
}
.person .wrap .login .input-wrap .sel .layui-input {
font-size: 16px !important;
color: #515559 !important;
border: none !important;
}
.person .wrap .login .input-wrap .text {
width: 100px;
font-size: 16px;
color: #0d84d1;
text-align: center;
}
.person .wrap .login .btn-wrap {
margin-top: 30px;
}
.person .wrap .login .btn-wrap .btn {
width: 400px;
height: 48px;
margin: 0 auto;
background: #0d84d1;
border-radius: 3px;
display: block;
line-height: 48px;
text-align: center;
font-size: 18px;
color: #ffffff;
}
.person .wrap .register {
width: 400px;
margin: 50px auto 0;
}
.person .wrap .register .tit {
position: absolute;
left: 40px;
top: 30px;
}
.person .wrap .register .tit em {
width: 4px;
height: 18px;
background: #61A0F2;
color: #61a0f2;
}
.person .wrap .register .tit span {
font-size: 20px;
color: #2e3033;
margin-left: 5px;
}
.person .wrap .register .iconjuxing27 {
font-size: 20px;
color: #adb6bf;
width: 112px;
text-align: left;
padding-left: 55px;
}
.person .wrap .register .input-wrap {
height: 48px;
margin-bottom: 20px;
border-bottom: 1px solid #E6ECF2;
padding-left: 10px;
white-space: nowrap;
}
.person .wrap .register .input-wrap .iconjuxing23,
.person .wrap .register .input-wrap .iconjuxing26,
.person .wrap .register .input-wrap .iconpassword {
font-size: 28px;
color: #adb6bf;
}
.person .wrap .register .input-wrap .w {
font-size: 16px;
line-height: 40px;
text-indent: 1em;
}
.person .wrap .register .input-wrap .w.w1 {
width: 255px;
}
.person .wrap .register .input-wrap .sel {
position: relative;
width: 112px;
}
.person .wrap .register .input-wrap .sel:after {
position: absolute;
top: 9px;
left: 0;
content: '';
width: 1px;
height: 22px;
background: #D8DFE6;
}
.person .wrap .register .input-wrap .sel .layui-input {
font-size: 16px !important;
color: #515559 !important;
border: none !important;
}
.person .wrap .register .input-wrap .text {
width: 100px;
font-size: 16px;
color: #0d84d1;
text-align: center;
}
.person .wrap .register .btn-wrap {
margin-top: 30px;
}
.person .wrap .register .btn-wrap .btn {
width: 400px;
height: 48px;
margin: 0 auto;
background: #0d84d1;
border-radius: 3px;
display: block;
line-height: 48px;
text-align: center;
font-size: 18px;
color: #ffffff;
}
.person .wrap .register .agree {
margin-top: 169px;
text-align: center;
font-size: 14px;
color: #8a9299;
}
.person .wrap .register .agree a {
font-size: 14px;
color: #0d84d1;
}
.person .wrap .success .text {
position: absolute;
right: 40px;
top: 30px;
font-size: 14px;
color: #8a9299;
}
.person .wrap .success .ico {
width: 320px;
height: 231px;
background: url("../images/success.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto;
}
.person .wrap .success .t1 {
margin: 30px auto 60px;
text-align: center;
font-size: 28px;
color: #2e3033;
}
.person .wrap .success .t2 {
width: 282px;
text-align: center;
font-size: 14px;
color: #8a9299;
margin: 50px auto 0;
}
.person .wrap .success .t2 em {
color: #0d84d1;
}
.person .wrap .success .btn {
width: 400px;
height: 48px;
background: #0d84d1;
border-radius: 3px;
font-size: 18px;
color: #ffffff;
text-align: center;
line-height: 48px;
display: block;
margin: 0 auto;
}
.person .wrap .status {
text-align: center;
margin-bottom: 100px;
}
.person .wrap .status li {
margin-right: 50px;
}
.person .wrap .status li em {
width: 20px;
height: 20px;
background: #e6ecf2;
border-radius: 50%;
}
.person .wrap .status li span {
font-size: 14px;
color: #ADB6BF;
margin-left: 8px;
}
.person .wrap .status li.curr em {
background: #52cca8;
}
.person .wrap .status li.curr span {
color: #515559;
}
.person .wrap .status li:last-child {
margin-right: 0;
}
/*# sourceMappingURL=person.css.map */
\ No newline at end of file
dist/css/person.css.map
{"version":3,"sources":["person.less"],"names":[],"mappings":"AAAA;AAAM;EACJ,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;EACA,iBAAA;;AAGF;EACE,YAAA;EACA,aAAA;EACA,mBAAA;EACA,qDAAA;EACA,cAAA;EACA,cAAA;;AANF,OAQE;EACE,mBAAA;EACA,sBAAA;;AAVJ,OAQE,MAIE,KACE;EACE,YAAA;EACA,aAAA;EACA,gBAAgB,yCAAhB;EACA,sBAAA;EACA,cAAA;EACA,cAAA;;AAnBR,OAQE,MAIE,KAUE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;;AA7BR,OAQE,MAIE,KAoBE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;EACA,kBAAA;;AApCR,OAQE,MAgCE,QACE;EACE,YAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,cAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;;AAjDR,OAQE,MAgCE,QACE,KAUE;EACE,eAAA;;AApDV,OAQE,MAgCE,QACE,KAcE;EACE,eAAA;EACA,cAAA;;AAGF,OApDN,MAgCE,QACE,KAmBG,MACC;EACE,WAAA;;AA9DZ,OAQE,MAgCE,QA2BE;EACE,iBAAA;EACA,kBAAA;;AArER,OAQE,MAgCE,QA2BE,SAIE;EACE,eAAA;EACA,cAAA;;AAEA,OAnER,MAgCE,QA2BE,SAIE,EAIG;EACC,kBAAA;;AA5EZ,OAQE,MA0EE;EACE,YAAA;EACA,mBAAA;;AApFN,OAQE,MA0EE,aAIE;EACE,YAAA;EACA,mBAAA;EACA,gCAAA;EACA,kBAAA;EACA,mBAAA;;AA3FR,OAQE,MA0EE,aAIE,YAOE;AA7FR,OAQE,MA0EE,aAIE,YAOgB,CAAA;EACZ,eAAA;EACA,cAAA;;AA/FV,OAQE,MA0EE,aAIE,YAYE;EACE,eAAA;EACA,iBAAA;EACA,gBAAA;;AAEA,OA/FR,MA0EE,aAIE,YAYE,GAKG;EACC,YAAA;;AAxGZ,OAQE,MA0EE,aAIE,YAsBE;EACE,kBAAA;EACA,YAAA;;AAEA,OAxGR,MA0EE,aAIE,YAsBE,KAIG;EACC,kBAAA;EACA,QAAA;EACA,OAAA;EACA,SAAS,EAAT;EACA,UAAA;EACA,YAAA;EACA,mBAAA;;AAvHZ,OAQE,MA0EE,aAIE,YAsBE,KAcE;EACE,uBAAA;;AA3HZ,OAQE,MA0EE,aA8CE,UACE;EACE,YAAA;EACA,YAAA;EACA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,cAAA;EACA,iBAAA;EACA,kBAAA;EACA,eAAA;EACA,cAAA","file":"person.css"}
\ No newline at end of file
{"version":3,"sources":["person.less"],"names":[],"mappings":"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","file":"person.css"}
\ No newline at end of file
dist/css/person.less
html, body {
width: 100%;
height: 100%;
}
body {
background: #F5F9FC;
overflow-x: hidden;
overflow-y: auto;
min-height: 700px;
text-align: center;
}
.person {
position: relative;
width: 640px;
height: 670px;
background: rgba(255, 255, 255, 1);
......@@ -91,7 +96,212 @@ html, body {
.bind-mobile {
width: 400px;
margin:50px auto 0;
margin: 50px auto 0;
.input-wrap {
height: 48px;
margin-bottom: 20px;
border-bottom: 1px solid #E6ECF2;
padding-left: 10px;
white-space: nowrap;
.iconjuxing23, .iconjuxing26 {
font-size: 28px;
color: #adb6bf;
}
.w {
font-size: 16px;
line-height: 40px;
text-indent: 1em;
&.w1 {
width: 255px;
}
}
.sel {
position: relative;
width: 112px;
&:after {
position: absolute;
top: 9px;
left: 0;
content: '';
width: 1px;
height: 22px;
background: #D8DFE6;
}
.layui-input {
font-size: 16px !important;
color: #515559 !important;
border: none !important;
}
}
.text {
width: 100px;
font-size: 16px;
color: #0d84d1;
text-align: center;
}
}
.btn-wrap {
margin-top: 30px;
.btn {
width: 400px;
height: 48px;
margin: 0 auto;
background: rgba(13, 132, 209, 1);
border-radius: 3px;
display: block;
line-height: 48px;
text-align: center;
font-size: 18px;
color: #ffffff;
}
}
}
.verify-code {
width: 400px;
margin: 50px auto 0;
.operate {
margin-top: 30px;
.l {
font-size: 14px;
color: #8a9299;
}
.r {
span {
font-size: 14px;
color: #515559;
}
a {
font-size: 14px;
color: #0d84d1;
}
}
}
.input-wrap {
height: 48px;
margin-bottom: 20px;
border-bottom: 1px solid #E6ECF2;
padding-left: 10px;
white-space: nowrap;
.iconjuxing23, .iconjuxing26 {
font-size: 28px;
color: #adb6bf;
}
.w {
font-size: 16px;
line-height: 40px;
text-indent: 1em;
&.w1 {
width: 255px;
}
}
.sel {
position: relative;
width: 112px;
&:after {
position: absolute;
top: 9px;
left: 0;
content: '';
width: 1px;
height: 22px;
background: #D8DFE6;
}
.layui-input {
font-size: 16px !important;
color: #515559 !important;
border: none !important;
}
}
.text {
width: 100px;
font-size: 16px;
color: #0d84d1;
text-align: center;
}
}
.btn-wrap {
margin-top: 30px;
.btn {
width: 400px;
height: 48px;
margin: 0 auto;
background: rgba(13, 132, 209, 1);
border-radius: 3px;
display: block;
line-height: 48px;
text-align: center;
font-size: 18px;
color: #ffffff;
}
}
}
.login {
width: 400px;
margin: 50px auto 0;
.operate {
margin-top: 30px;
.l {
font-size: 14px;
color: #8a9299;
}
.r {
span {
font-size: 14px;
color: #515559;
}
a {
font-size: 14px;
color: #0d84d1;
}
}
}
.iconjuxing27 {
font-size: 20px;
color: #adb6bf;
width: 112px;
text-align: left;
padding-left: 55px;
}
.pwd {
margin-bottom: 60px;
a {
font-size: 16px;
color: #0d84d1;
}
}
.input-wrap {
height: 48px;
......@@ -100,7 +310,7 @@ html, body {
padding-left: 10px;
white-space: nowrap;
.iconjuxing23,.iconjuxing26 {
.iconjuxing23, .iconjuxing26, .iconpassword {
font-size: 28px;
color: #adb6bf;
}
......@@ -117,7 +327,107 @@ html, body {
.sel {
position: relative;
width: 112px;
&:after {
position: absolute;
top: 9px;
left: 0;
content: '';
width: 1px;
height: 22px;
background: #D8DFE6;
}
.layui-input {
font-size: 16px !important;
color: #515559 !important;
border: none !important;
}
}
.text {
width: 100px;
font-size: 16px;
color: #0d84d1;
text-align: center;
}
}
.btn-wrap {
margin-top: 30px;
.btn {
width: 400px;
height: 48px;
margin: 0 auto;
background: rgba(13, 132, 209, 1);
border-radius: 3px;
display: block;
line-height: 48px;
text-align: center;
font-size: 18px;
color: #ffffff;
}
}
}
.register {
width: 400px;
margin: 50px auto 0;
.tit {
position: absolute;
left: 40px;
top: 30px;
em {
width: 4px;
height: 18px;
background: #61A0F2;
color: #61a0f2;
}
span {
font-size: 20px;
color: #2e3033;
margin-left: 5px;
}
}
.iconjuxing27 {
font-size: 20px;
color: #adb6bf;
width: 112px;
text-align: left;
padding-left: 55px;
}
.input-wrap {
height: 48px;
margin-bottom: 20px;
border-bottom: 1px solid #E6ECF2;
padding-left: 10px;
white-space: nowrap;
.iconjuxing23, .iconjuxing26, .iconpassword {
font-size: 28px;
color: #adb6bf;
}
.w {
font-size: 16px;
line-height: 40px;
text-indent: 1em;
&.w1 {
width: 255px;
}
}
.sel {
position: relative;
width: 112px;
&:after {
position: absolute;
......@@ -130,12 +440,23 @@ html, body {
}
.layui-input {
font-size: 16px !important;
color: #515559 !important;
border: none !important;
}
}
.text {
width: 100px;
font-size: 16px;
color: #0d84d1;
text-align: center;
}
}
.btn-wrap {
margin-top: 30px;
.btn {
width: 400px;
height: 48px;
......@@ -149,6 +470,99 @@ html, body {
color: #ffffff;
}
}
.agree {
margin-top: 169px;
text-align: center;
font-size: 14px;
color: #8a9299;
a {
font-size: 14px;
color: #0d84d1;
}
}
}
.success {
.text {
position: absolute;
right: 40px;
top: 30px;
font-size: 14px;
color: #8a9299;
}
.ico {
width: 320px;
height: 231px;
background: url("../images/success.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto;
}
.t1 {
margin: 30px auto 60px;
text-align: center;
font-size: 28px;
color: #2e3033;
}
.t2 {
width: 282px;
text-align: center;
font-size: 14px;
color: #8a9299;
margin: 50px auto 0;
em {
color: #0d84d1;
}
}
.btn {
width: 400px;
height: 48px;
background: rgba(13, 132, 209, 1);
border-radius: 3px;
font-size: 18px;
color: #ffffff;
text-align: center;
line-height: 48px;
display: block;
margin: 0 auto;
}
}
.status{
text-align: center;
margin-bottom: 100px;
li{
margin-right: 50px;
em{
width:20px;
height:20px;
background:rgba(230,236,242,1);
border-radius: 50%;
}
span{
font-size: 14px;
color: #ADB6BF;
margin-left: 8px;
}
&.curr{
em{
background:rgba(82,204,168,1);
}
span{
color: #515559;
}
}
&:last-child{
margin-right: 0;
}
}
}
}
}
\ No newline at end of file
dist/fonts/iconfont.eot
No preview for this file type
dist/fonts/iconfont.ttf
No preview for this file type
dist/fonts/iconfont.woff
No preview for this file type
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