Skip to content

semour / semour_web

Go to a project
Commit 0ce44bf7 by 肖康
Options

官网

parent 4d24d8df
Expand all
Inline Side-by-side
Showing with 877 additions and 122 deletions
app/Http/Controllers/AuthController.php
...@@ -12,4 +12,17 @@ class AuthController extends Controller ...@@ -12,4 +12,17 @@ class AuthController extends Controller
return view('auth.forget'); return view('auth.forget');
} }
public function change()
{
return view('auth.changePassword');
}
public function login()
{
return view('auth.login');
}
public function register()
{
return view('auth.register');
}
} }
public/assets/css/auth/forget.less
...@@ -2,74 +2,60 @@ body,html,#app{ ...@@ -2,74 +2,60 @@ body,html,#app{
height:100%; height:100%;
background: #000; background: #000;
} }
.authpage{ .authpage{
height:100%; height:100%;
background: #000; background: #000;
.auth-con{ .auth-con{
padding-top:160px;
height:100%; height:100%;
background: url("../../images/auth/authbg.png") center top no-repeat; background: url("../../images/auth/authbg.png") center top no-repeat;
.auth-box{ .auth-box{
width:610px; width:415px;
margin:0 auto; margin:0 auto;
.authb-head{ .authb-head{
height: 96px; height: 65px;
background: #010720; background: #010720;
border-radius: 16px 16px 0px 0px; border-radius: 16px 16px 0px 0px;
img{width:231px;height:39px;} img{width:157px;height:27px;}
} }
.inputboxp{ .inputboxp{
padding:62px 48px ; width:415px;
width: 610px;
background: rgba(255,255,255,0.3); background: rgba(255,255,255,0.3);
border-radius: 0px 0px 16px 16px; border-radius: 0px 0px 16px 16px;
padding:27px;
p.headtips{ p.headtips{
color:#fff; color:#fff;
font-size: 26px; font-size: 18px;
font-weight: bold; font-weight: bold;
margin-bottom: 67px; margin-bottom: 30px;
} }
.input-group-auth{ .input-group-auth{
margin-bottom: 40px; margin-bottom: 15px;
p.labelp{font-size: 20px;color:#fff;margin-bottom: 20px;} p.labelp{font-size: 14px;color:#fff;margin-bottom: 9px;}
input{ input{
height: 48px; width:320px;
width:450px;
background: rgba(4, 17, 53, 0.65);
border: 1px solid #FFFFFF;
border-radius: 8px;
line-height: 48;
color:#fff;
font-size: 20px;
padding-left:10px;
} }
} }
.tip-con{font-size: 14px;color:#fff;margin-bottom: 15px;}
.getCode{ .getCode{
margin-bottom: 40px; margin-bottom: 15px;
font-size: 20px;
color:#fff; color:#fff;
width: 280px; width: 218px;
height: 48px;
background: #283FEB;
border-radius: 8px;
line-height: 48px;
cursor: pointer;
text-align: center;
} }
.gobtn{ .gobtn{
width: 320px; width: 218px;
height: 48px;
background: #283FEB;
border-radius: 8px;
line-height: 48px;
font-size: 28px;
font-weight: bold;
text-align: center;
color:#fff;
margin:0 auto; margin:0 auto;
cursor: pointer; margin-top: 10px;
}
.tips{
font-size: 14px;
text-align: center;
color: #BF0707;
height:20px;
line-height: 20px;
margin-top: 30px;
} }
} }
} }
} }
} }
\ No newline at end of file
public/assets/css/auth/forget.min.css
body,html,#app{height:100%;background:#000}.authpage{height:100%;background:#000}.authpage .auth-con{padding-top:160px;height:100%;background:url("../../images/auth/authbg.png") center top no-repeat}.authpage .auth-con .auth-box{width:610px;margin:0 auto}.authpage .auth-con .auth-box .authb-head{height:96px;background:#010720;border-radius:16px 16px 0px 0px}.authpage .auth-con .auth-box .authb-head img{width:231px;height:39px}.authpage .auth-con .auth-box .inputboxp{padding:62px 48px ;width:610px;background:rgba(255,255,255,0.3);border-radius:0px 0px 16px 16px}.authpage .auth-con .auth-box .inputboxp p.headtips{color:#fff;font-size:26px;font-weight:bold;margin-bottom:67px}.authpage .auth-con .auth-box .inputboxp .input-group-auth{margin-bottom:40px}.authpage .auth-con .auth-box .inputboxp .input-group-auth p.labelp{font-size:20px;color:#fff;margin-bottom:20px}.authpage .auth-con .auth-box .inputboxp .input-group-auth input{height:48px;width:450px;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;line-height:48;color:#fff;font-size:20px;padding-left:10px}.authpage .auth-con .auth-box .inputboxp .getCode{margin-bottom:40px;font-size:20px;color:#fff;width:280px;height:48px;background:#283FEB;border-radius:8px;line-height:48px;cursor:pointer;text-align:center}.authpage .auth-con .auth-box .inputboxp .gobtn{width:320px;height:48px;background:#283FEB;border-radius:8px;line-height:48px;font-size:28px;font-weight:bold;text-align:center;color:#fff;margin:0 auto;cursor:pointer} body,html,#app{height:100%;background:#000}.authpage{height:100%;background:#000}.authpage .auth-con{height:100%;background:url("../../images/auth/authbg.png") center top no-repeat}.authpage .auth-con .auth-box{width:415px;margin:0 auto}.authpage .auth-con .auth-box .authb-head{height:65px;background:#010720;border-radius:16px 16px 0px 0px}.authpage .auth-con .auth-box .authb-head img{width:157px;height:27px}.authpage .auth-con .auth-box .inputboxp{width:415px;background:rgba(255,255,255,0.3);border-radius:0px 0px 16px 16px;padding:27px}.authpage .auth-con .auth-box .inputboxp p.headtips{color:#fff;font-size:18px;font-weight:bold;margin-bottom:30px}.authpage .auth-con .auth-box .inputboxp .input-group-auth{margin-bottom:15px}.authpage .auth-con .auth-box .inputboxp .input-group-auth p.labelp{font-size:14px;color:#fff;margin-bottom:9px}.authpage .auth-con .auth-box .inputboxp .input-group-auth input{width:320px}.authpage .auth-con .auth-box .inputboxp .tip-con{font-size:14px;color:#fff;margin-bottom:15px}.authpage .auth-con .auth-box .inputboxp .getCode{margin-bottom:15px;color:#fff;width:218px}.authpage .auth-con .auth-box .inputboxp .gobtn{width:218px;margin:0 auto;margin-top:10px}.authpage .auth-con .auth-box .inputboxp .tips{font-size:14px;text-align:center;color:#BF0707;height:20px;line-height:20px;margin-top:30px}
\ No newline at end of file \ No newline at end of file
public/assets/css/auth/login.less 0 → 100644
body,html,#app{
height:100%;
background: #000;
}
@import "./loginbox.less";
.authpage{
height:100%;
background: #000;
.auth-con{
height:100%;
background: url("../../images/auth/authbg.png") center top no-repeat;
.auth-box{
width:360px;
margin:0 auto;
.authb-head{
height: 65px;
background: #010720;
border-radius: 16px 16px 0px 0px;
img{width:157px;height:27px;}
}
}
}
}
public/assets/css/auth/login.min.css 0 → 100644
body,html,#app{height:100%;background:#000}.loginbox{width:360px;background:rgba(255,255,255,0.3);border-radius:0px 0px 16px 16px;padding:10px 40px}.loginbox p.headtips{color:#fff;font-size:28px;font-weight:bold;margin-bottom:30px;text-align:center}.loginbox .input-group-auth{margin-bottom:15px}.loginbox .input-group-auth input{width:280px}.loginbox .input-group-auth input::-webkit-input-placeholder{color:#BCBDC4}.loginbox .loginbut{width:280px}.loginbox .tips{font-size:14px;text-align:center;color:#BF0707;height:20px;line-height:20px;margin-top:25px;margin-bottom:10px}.loginbox .goForget{display:block;padding-bottom:14px;margin-top:17px;border-bottom:1px solid #fff;text-align:center}.loginbox .goForget a{color:#F68332;font-size:14px}.loginbox .nocount{color:#BCBDC4;text-align:center;margin-top:13px;margin-bottom:24px}.loginbox .goReg{width:280px;box-sizing:border-box;height:34px;line-height:32px;cursor:pointer;border:2px solid #8795FF;color:#8795FF;border-radius:8px;text-align:center;display:block;margin-bottom:14px}.authpage{height:100%;background:#000}.authpage .auth-con{height:100%;background:url("../../images/auth/authbg.png") center top no-repeat}.authpage .auth-con .auth-box{width:360px;margin:0 auto}.authpage .auth-con .auth-box .authb-head{height:65px;background:#010720;border-radius:16px 16px 0px 0px}.authpage .auth-con .auth-box .authb-head img{width:157px;height:27px}
\ No newline at end of file
public/assets/css/auth/loginbox.less 0 → 100644
.loginbox{
width:360px;
background: rgba(255,255,255,0.3);
border-radius: 0px 0px 16px 16px;
padding:10px 40px;
p.headtips{
color:#fff;
font-size: 28px;
font-weight: bold;
margin-bottom: 30px;
text-align: center;
}
.input-group-auth{
margin-bottom: 15px;
input{
width:280px;
}
}
.loginbut{width:280px;}
.tips{
font-size: 14px;
text-align: center;
color: #BF0707;
height:20px;
line-height: 20px;
margin-top: 25px;
margin-bottom: 10px;
}
.goForget{
display: block;
padding-bottom: 14px;
margin-top: 17px;
border-bottom: 1px solid #fff;
text-align: center;
a{ color: #F68332;
font-size: 14px;}
}
.nocount{
color: #BCBDC4;
text-align: center;
margin-top: 13px;
margin-bottom: 24px;
}
.goReg{
width: 280px;
box-sizing: border-box;
height: 34px;
line-height: 32px;
cursor: pointer;
border: 2px solid #8795FF;
color:#8795FF;
border-radius: 8px;
text-align: center;
display: block;
margin-bottom: 14px;
}
}
\ No newline at end of file
public/assets/css/auth/loginbox.min.css 0 → 100644
.loginbox{width:360px;background:rgba(255,255,255,0.3);border-radius:0px 0px 16px 16px;padding:10px 40px}.loginbox p.headtips{color:#fff;font-size:28px;font-weight:bold;margin-bottom:30px;text-align:center}.loginbox .input-group-auth{margin-bottom:15px}.loginbox .input-group-auth input{width:280px}.loginbox .loginbut{width:280px}.loginbox .tips{font-size:14px;text-align:center;color:#BF0707;height:20px;line-height:20px;margin-top:25px;margin-bottom:10px}.loginbox .goForget{display:block;padding-bottom:14px;margin-top:17px;border-bottom:1px solid #fff;text-align:center}.loginbox .goForget a{color:#F68332;font-size:14px}.loginbox .nocount{color:#BCBDC4;text-align:center;margin-top:13px;margin-bottom:24px}.loginbox .goReg{width:280px;box-sizing:border-box;height:34px;line-height:32px;cursor:pointer;border:2px solid #8795FF;color:#8795FF;border-radius:8px;text-align:center;display:block;margin-bottom:14px}
\ No newline at end of file
public/assets/css/auth/reg.less 0 → 100644
body,
html,
#app {
height : 100%;
background: #000;
}
.authpage {
height : 100%;
background: #000;
.auth-con {
height : 100%;
background: url("../../images/auth/authbg.png") center top no-repeat;
.auth-box {
width : 756px;
margin: 0 auto;
.authb-head {
height : 65px;
background : #010720;
border-radius: 16px 16px 0px 0px;
img {
width : 118px;
height : 20px;
margin-left: 25px;
}
span {
font-size : 18px;
font-weight: bold;
color : #fff;
position : relative;
margin-left: 16px;
top : 3px;
}
}
.inputboxp {
width : 756px;
background : rgba(255, 255, 255, 0.3);
border-radius: 0px 0px 16px 16px;
padding : 25px;
p.headtips {
color : #fff;
font-size : 18px;
font-weight: bold;
}
.checkbox {
margin-top : 22px;
padding-left : 20px;
color : #fff;
font-size : 14px;
margin-bottom: 15px;
.check-group {
cursor: pointer;
p {
width : 10px;
height : 10px;
border : 1px solid #F68332;
border-radius: 50%;
}
margin-right: 25px;
&.act {
p {
font {
display : block;
width : 4px;
height : 4px;
background : #F68332;
border-radius: 50%;
}
}
}
span {
margin-left: 6px;
position : relative;
top : -2px;
}
}
}
.input-con {
padding: 0 20px;
.input-group-auth {
margin-bottom: 15px;
p.labelp {
font-size : 14px;
color : #fff;
margin-bottom: 9px;
span {
color: #F68332;
}
}
input {
width: 320px;
}
&.sm {
input {
width: 146px;
}
}
&.ml30 {
margin-left: 30px;
}
}
}
.gobtn {
width : 218px;
margin : 0 auto;
margin-top: 10px;
}
.tips {
font-size : 14px;
text-align : center;
color : #BF0707;
height : 20px;
line-height : 20px;
margin-top : 20px;
margin-bottom: 5px;
}
}
&.regStep2 {
width: 414px;
.inputboxp {
width: 414px;
}
p.headtips {
font-size : 16px;
margin-bottom: 21px;
}
.resendbox {
font-size : 14px;
color : #fff;
padding-left: 20px;
.resendbut {
cursor : pointer;
color : #283FEB;
font-size : 14px;
font-weight: bold;
margin-left: 27px;
}
margin-bottom: 24px;
}
.nextbut {
width: 218px;
}
.backbut {
font-size : 16px;
font-weight : bold;
color : #283FEB;
cursor : pointer;
position : relative;
top : 17px;
margin-right: 50px;
left : -10px;
}
.tips {
font-size : 14px;
padding-left : 20px;
padding-right: 20px;
text-align : left;
color : #BF0707;
height : 20px;
line-height : 20px;
margin-top : 0px;
margin-bottom: 15px;
}
}
&.regStep3 {
.inputboxp {
p.headtips {
color : #fff;
font-size : 16px;
font-weight : bold;
margin-bottom: 24px;
}
select {
width: 320px;
}
.hline {
height : 2px;
width : 20px;
background: #FFf;
margin:0 20px;
position: relative;
top:14px;
}
.xs {
input {
width: 130px;
}
}
.tikup{
padding:0 20px;
font-size: 14px;
color:#fff;
line-height: 18px;
span{color:#F68332;}
}
}
}
}
}
}
\ No newline at end of file
public/assets/css/auth/reg.min.css 0 → 100644
body,html,#app{height:100%;background:#000}.authpage{height:100%;background:#000}.authpage .auth-con{height:100%;background:url("../../images/auth/authbg.png") center top no-repeat}.authpage .auth-con .auth-box{width:756px;margin:0 auto}.authpage .auth-con .auth-box .authb-head{height:65px;background:#010720;border-radius:16px 16px 0px 0px}.authpage .auth-con .auth-box .authb-head img{width:118px;height:20px;margin-left:25px}.authpage .auth-con .auth-box .authb-head span{font-size:18px;font-weight:bold;color:#fff;position:relative;margin-left:16px;top:3px}.authpage .auth-con .auth-box .inputboxp{width:756px;background:rgba(255,255,255,0.3);border-radius:0px 0px 16px 16px;padding:25px}.authpage .auth-con .auth-box .inputboxp p.headtips{color:#fff;font-size:18px;font-weight:bold}.authpage .auth-con .auth-box .inputboxp .checkbox{margin-top:22px;padding-left:20px;color:#fff;font-size:14px;margin-bottom:15px}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group{cursor:pointer;margin-right:25px}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group p{width:10px;height:10px;border:1px solid #F68332;border-radius:50%}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group.act p font{display:block;width:4px;height:4px;background:#F68332;border-radius:50%}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group span{margin-left:6px;position:relative;top:-2px}.authpage .auth-con .auth-box .inputboxp .input-con{padding:0 20px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth{margin-bottom:15px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth p.labelp{font-size:14px;color:#fff;margin-bottom:9px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth p.labelp span{color:#F68332}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth input{width:320px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth.sm input{width:146px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth.ml30{margin-left:30px}.authpage .auth-con .auth-box .inputboxp .gobtn{width:218px;margin:0 auto;margin-top:10px}.authpage .auth-con .auth-box .inputboxp .tips{font-size:14px;text-align:center;color:#BF0707;height:20px;line-height:20px;margin-top:20px;margin-bottom:5px}.authpage .auth-con .auth-box.regStep2{width:414px}.authpage .auth-con .auth-box.regStep2 .inputboxp{width:414px}.authpage .auth-con .auth-box.regStep2 p.headtips{font-size:16px;margin-bottom:21px}.authpage .auth-con .auth-box.regStep2 .resendbox{font-size:14px;color:#fff;padding-left:20px;margin-bottom:24px}.authpage .auth-con .auth-box.regStep2 .resendbox .resendbut{cursor:pointer;color:#283FEB;font-size:14px;font-weight:bold;margin-left:27px}.authpage .auth-con .auth-box.regStep2 .nextbut{width:218px}.authpage .auth-con .auth-box.regStep2 .backbut{font-size:16px;font-weight:bold;color:#283FEB;cursor:pointer;position:relative;top:17px;margin-right:50px;left:-10px}.authpage .auth-con .auth-box.regStep2 .tips{font-size:14px;padding-left:20px;padding-right:20px;text-align:left;color:#BF0707;height:20px;line-height:20px;margin-top:0px;margin-bottom:15px}.authpage .auth-con .auth-box.regStep3 .inputboxp p.headtips{color:#fff;font-size:16px;font-weight:bold;margin-bottom:24px}.authpage .auth-con .auth-box.regStep3 .inputboxp select{width:320px}.authpage .auth-con .auth-box.regStep3 .inputboxp .hline{height:2px;width:20px;background:#FFf;margin:0 20px;position:relative;top:14px}.authpage .auth-con .auth-box.regStep3 .inputboxp .xs input{width:130px}.authpage .auth-con .auth-box.regStep3 .inputboxp .tikup{padding:0 20px;font-size:14px;color:#fff;line-height:18px}.authpage .auth-con .auth-box.regStep3 .inputboxp .tikup span{color:#F68332}
\ No newline at end of file
public/assets/css/common/base.less
...@@ -56,7 +56,8 @@ nav, ...@@ -56,7 +56,8 @@ nav,
section, section,
menu, menu,
button, button,
input,textarea { input,
textarea {
margin : 0; margin : 0;
padding : 0; padding : 0;
border : 0; border : 0;
...@@ -65,7 +66,7 @@ input,textarea { ...@@ -65,7 +66,7 @@ input,textarea {
vertical-align: baseline; vertical-align: baseline;
font-weight : normal; font-weight : normal;
list-style : none; list-style : none;
outline: none; outline : none;
} }
table, table,
...@@ -97,6 +98,79 @@ input { ...@@ -97,6 +98,79 @@ input {
} }
.but {
height : 33px;
background : #283FEB;
border-radius: 8px;
line-height : 33px;
font-size : 18px;
font-weight : bold;
text-align : center;
color : #fff;
cursor : pointer;
box-sizing : border-box;
padding : 0 5px;
}
input {
height : 32px;
line-height: 32px;
box-sizing : border-box;
background : rgba(4, 17, 53, 0.65);
border : 1px solid #FFFFFF;
border-radius: 8px;
color : #fff;
padding-left : 10px;
padding-right: 10px;
&::-webkit-input-placeholder {
color: #BCBDC4;
}
}
select {
height : 32px;
line-height : 32px;
box-sizing : border-box;
background : rgba(4, 17, 53, 0.65);
border : 1px solid #FFFFFF;
border-radius : 8px;
color : #fff;
padding-left : 10px;
padding-right : 10px;
box-sizing : border-box;
-webkit-appearance: none;
-moz-appearance : none;
outline : none;
background-image :
linear-gradient(45deg, transparent 50%, #fff 50%),
linear-gradient(135deg, #fff 50%, transparent 50%);
background-position:
calc(100% - 15px) calc(1em - 1px),
calc(100% - 10px) calc(1em - 1px),
calc(100% - 2.5em) 0.5em;
background-size:
7px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
&:focus {
background-image:
linear-gradient(45deg, #fff 50%, transparent 50%),
linear-gradient(135deg, transparent 50%, #fff 50%);
background-position:
calc(100% - 8px) calc(1em - 1px),
calc(100% - 15px) calc(1em - 1px),
calc(100% - 2.5em) 0.5em;
background-size:
7px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
}
}
.clr:after { .clr:after {
visibility: hidden; visibility: hidden;
display : block; display : block;
...@@ -145,7 +219,10 @@ input { ...@@ -145,7 +219,10 @@ input {
text-align: left; text-align: left;
} }
.flex{display : flex;} .flex {
display: flex;
}
.column { .column {
display : flex; display : flex;
flex-direction: column; flex-direction: column;
......
public/assets/css/common/base.min.css
@charset "utf-8";html,body,div,iframe,em,img,p,a,strong,b,i,form,label,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,applet,object,blockquote,big,cite,code,del,dfn,abbr,acronym,address,pre,time,mark,audio,video,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,menu,button,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style:none;outline:none}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit}a{text-decoration:none}table{border-color:#ccc !important}body,html,button,input{font-family:Arial,helvetica,PingFangSC-Regular,PingFang SC,"微软雅黑"}.clr:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clr{display:block;min-height:1%}.clr{clear:both}.clr:after{content:" ";display:table;clear:both}.fl{float:left}.fr{float:right}.fw{font-weight:bold}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.flex{display:flex}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center} @charset "utf-8";html,body,div,iframe,em,img,p,a,strong,b,i,form,label,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,applet,object,blockquote,big,cite,code,del,dfn,abbr,acronym,address,pre,time,mark,audio,video,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,menu,button,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style:none;outline:none}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit}a{text-decoration:none}table{border-color:#ccc !important}body,html,button,input{font-family:Arial,helvetica,PingFangSC-Regular,PingFang SC,"微软雅黑"}.but{height:33px;background:#283FEB;border-radius:8px;line-height:33px;font-size:18px;font-weight:bold;text-align:center;color:#fff;cursor:pointer;box-sizing:border-box;padding:0 5px}input{height:32px;line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}input::-webkit-input-placeholder{color:#BCBDC4}select{height:32px;line-height:32px;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;outline:none;background-image:linear-gradient(45deg, transparent 50%, #fff 50%),linear-gradient(135deg, #fff 50%, transparent 50%);background-position:calc(100% - 15px) calc(1em - 1px),calc(100% - 10px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}select:focus{background-image:linear-gradient(45deg, #fff 50%, transparent 50%),linear-gradient(135deg, transparent 50%, #fff 50%);background-position:calc(100% - 8px) calc(1em - 1px),calc(100% - 15px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}.clr:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clr{display:block;min-height:1%}.clr{clear:both}.clr:after{content:" ";display:table;clear:both}.fl{float:left}.fr{float:right}.fw{font-weight:bold}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.flex{display:flex}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}
\ No newline at end of file \ No newline at end of file
public/assets/css/common/common.less
...@@ -18,7 +18,8 @@ ...@@ -18,7 +18,8 @@
} }
} }
/**官网导航***/
/**官网导航1***/
.gw-header-nav{ .gw-header-nav{
height: 112px; height: 112px;
background: rgba(255,255,255,0.1); background: rgba(255,255,255,0.1);
......
public/assets/css/home/home.less
...@@ -131,4 +131,43 @@ body{background: #000;min-width: 1200px;} ...@@ -131,4 +131,43 @@ body{background: #000;min-width: 1200px;}
} }
} }
} }
}
/**自定义弹窗**/
.pop-show-box{
position: fixed;
z-index: 9999;
top:0;
left:0;
bottom:0;
right:0;
.pop-show-con{
min-height: 200px;
background:rgba(255,255,255,0.3);
backdrop-filter: blur(5px);
border-radius: 16px;
margin:0 auto;
position: relative;
box-sizing: border-box;
.pop-head{
height:50px;
color:#fff;
font-size: 20px;
font-weight: bold;
span{position: relative;top:30px;left:37px;}
p{
color:#fff;
float:right;
cursor: pointer;
position: relative;
top:16px;
left:-16px;
}
margin-bottom: 25px;
}
.pop-body{
padding:0 50px;
}
}
} }
\ No newline at end of file
public/assets/css/home/home.min.css
.gw-header-nav{position:fixed;top:70px}body{background:#000;min-width:1200px}.homepage{background:#000}.homepage .floor1{height:1021px;width:100%;background:url("../../images/home/bg1.png") center top no-repeat}.homepage .floor1 .fl1-con{padding-top:440px;width:1200px;margin:0 auto}.homepage .floor1 .fl1-con .rtdes p{color:#fff;font-size:60px}.homepage .floor1 .fl1-con .rtdes .p24{font-size:24px;margin-top:30px}.homepage .floor1 .fl1-con .fl1botbox{margin-top:94px}.homepage .floor1 .fl1-con .fl1botbox .ftitem{width:390px;padding-top:38px;padding-bottom:42px;background:rgba(2,11,51,0.75);margin-right:15px;text-align:center;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem.ftlast{margin-right:0px}.homepage .floor1 .fl1-con .fl1botbox .ftitem div{height:88px;width:88px;margin:0 auto;background:#fff;border-radius:88px;text-align:center;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem div svg,.homepage .floor1 .fl1-con .fl1botbox .ftitem div i{font-size:47px;position:relative;top:18px;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem div i{display:none}.homepage .floor1 .fl1-con .fl1botbox .ftitem p{text-align:center;font-size:30px;color:#fff;margin-top:38px;margin-bottom:24px}.homepage .floor1 .fl1-con .fl1botbox .ftitem i.ijt{color:#283FEB;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover{background:rgba(40,63,235,0.75)}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover i.ijt{color:#F68332}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover div{background:none}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover div svg{display:none}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover div i{display:inline;color:#fff}.homepage .floor2{height:600px;background:url("../../images/home/bg2.png") center top no-repeat;font-size:24px;color:#fff}.homepage .floor2 b{font-size:40px}.homepage .floor2 .f2con{width:500px;margin:0 auto;position:relative;top:260px;width:864px}.homepage .floor3{padding-top:4px}.homepage .floor3 .row{margin-bottom:1px}.homepage .floor3 .itemf3{height:200px;width:50%;background:#1B2037;color:#fff;font-size:30px;line-height:200px;margin-bottom:1px}.homepage .floor3 .itemf3.trr{padding-left:122px}.homepage .floor3 .itemf3.trl{text-align:right;padding-right:122px;margin-right:1px}.homepage .floor3 .itemf3 b{font-size:40px;font-weight:bold;margin-right:10px}.homepage .floor3 .itemf3:hover{background:url("../../images/home/subj.png") no-repeat;background-size:100% 100%}.homepage .floor3 .itemf3:hover b{font-size:100px;font-weight:bold}.homepage .floor4{padding-top:60px;text-align:center;padding-bottom:60px}.homepage .floor4 p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.homepage .floor4 .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.homepage .floor4 .but.but-lk{background:none;margin-left:39px}.homepage .footfixedcor{height:160px;width:100%;background:rgba(255,255,255,0.3);backdrop-filter:blur(5px);color:#fff;position:fixed;bottom:0px;z-index:1}.homepage .footfixedcor .confotfix{position:relative;padding-top:44px;padding-bottom:47px;z-index:2}.homepage .footfixedcor .confotfix div.textt{width:656px;font-size:18px;line-height:24px;margin-right:28px;color:#fff}.homepage .footfixedcor .confotfix .but{display:block;position:relative;top:10px;text-align:center;width:248px;height:48px;line-height:48px;background:#283FEB;color:#fff;font-size:20px;border:1px solid #283FEB;cursor:pointer}.homepage .footfixedcor .confotfix .but.but-lk{background:none;margin-right:20px;color:#283FEB} .gw-header-nav{position:fixed;top:70px}body{background:#000;min-width:1200px}.homepage{background:#000}.homepage .floor1{height:1021px;width:100%;background:url("../../images/home/bg1.png") center top no-repeat}.homepage .floor1 .fl1-con{padding-top:440px;width:1200px;margin:0 auto}.homepage .floor1 .fl1-con .rtdes p{color:#fff;font-size:60px}.homepage .floor1 .fl1-con .rtdes .p24{font-size:24px;margin-top:30px}.homepage .floor1 .fl1-con .fl1botbox{margin-top:94px}.homepage .floor1 .fl1-con .fl1botbox .ftitem{width:390px;padding-top:38px;padding-bottom:42px;background:rgba(2,11,51,0.75);margin-right:15px;text-align:center;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem.ftlast{margin-right:0px}.homepage .floor1 .fl1-con .fl1botbox .ftitem div{height:88px;width:88px;margin:0 auto;background:#fff;border-radius:88px;text-align:center;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem div svg,.homepage .floor1 .fl1-con .fl1botbox .ftitem div i{font-size:47px;position:relative;top:18px;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem div i{display:none}.homepage .floor1 .fl1-con .fl1botbox .ftitem p{text-align:center;font-size:30px;color:#fff;margin-top:38px;margin-bottom:24px}.homepage .floor1 .fl1-con .fl1botbox .ftitem i.ijt{color:#283FEB;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover{background:rgba(40,63,235,0.75)}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover i.ijt{color:#F68332}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover div{background:none}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover div svg{display:none}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover div i{display:inline;color:#fff}.homepage .floor2{height:600px;background:url("../../images/home/bg2.png") center top no-repeat;font-size:24px;color:#fff}.homepage .floor2 b{font-size:40px}.homepage .floor2 .f2con{width:500px;margin:0 auto;position:relative;top:260px;width:864px}.homepage .floor3{padding-top:4px}.homepage .floor3 .row{margin-bottom:1px}.homepage .floor3 .itemf3{height:200px;width:50%;background:#1B2037;color:#fff;font-size:30px;line-height:200px;margin-bottom:1px}.homepage .floor3 .itemf3.trr{padding-left:122px}.homepage .floor3 .itemf3.trl{text-align:right;padding-right:122px;margin-right:1px}.homepage .floor3 .itemf3 b{font-size:40px;font-weight:bold;margin-right:10px}.homepage .floor3 .itemf3:hover{background:url("../../images/home/subj.png") no-repeat;background-size:100% 100%}.homepage .floor3 .itemf3:hover b{font-size:100px;font-weight:bold}.homepage .floor4{padding-top:60px;text-align:center;padding-bottom:60px}.homepage .floor4 p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.homepage .floor4 .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.homepage .floor4 .but.but-lk{background:none;margin-left:39px}.homepage .footfixedcor{height:160px;width:100%;background:rgba(255,255,255,0.3);backdrop-filter:blur(5px);color:#fff;position:fixed;bottom:0px;z-index:1}.homepage .footfixedcor .confotfix{position:relative;padding-top:44px;padding-bottom:47px;z-index:2}.homepage .footfixedcor .confotfix div.textt{width:656px;font-size:18px;line-height:24px;margin-right:28px;color:#fff}.homepage .footfixedcor .confotfix .but{display:block;position:relative;top:10px;text-align:center;width:248px;height:48px;line-height:48px;background:#283FEB;color:#fff;font-size:20px;border:1px solid #283FEB;cursor:pointer}.homepage .footfixedcor .confotfix .but.but-lk{background:none;margin-right:20px;color:#283FEB}.pop-show-box{position:fixed;z-index:9999;top:0;left:0;bottom:0;right:0}.pop-show-box .pop-show-con{min-height:200px;background:rgba(255,255,255,0.3);backdrop-filter:blur(5px);border-radius:16px;margin:0 auto;position:relative;box-sizing:border-box}.pop-show-box .pop-show-con .pop-head{height:50px;color:#fff;font-size:20px;font-weight:bold;margin-bottom:25px}.pop-show-box .pop-show-con .pop-head span{position:relative;top:30px;left:37px}.pop-show-box .pop-show-con .pop-head p{color:#fff;float:right;cursor:pointer;position:relative;top:16px;left:-16px}.pop-show-box .pop-show-con .pop-body{padding:0 50px}
\ No newline at end of file \ No newline at end of file
public/assets/js/auth/changePassword.js 0 → 100644
//changePassword
define('change', [], function (require, exports, module) {
var forget = {
init: function () {
change.handle();
},
handle:function(){
}
}
module.exports = change.init();
})
seajs.use(['change'])
\ No newline at end of file
public/assets/js/auth/forget.js
define('forget', [], function (require, exports, module) {
var forget = {
init: function () {
forget.handle();
},
handle:function(){
$(".gonext").click(function(){
$(".auth-box").hide()
$(".forgetStep2").show()
})
}
}
module.exports = forget.init();
})
seajs.use(['forget'])
\ No newline at end of file
public/assets/js/common/liexin_pop.js
...@@ -30,7 +30,7 @@ define('liexin_pop', [], function (require, exports, module) { ...@@ -30,7 +30,7 @@ define('liexin_pop', [], function (require, exports, module) {
}) })
} }
//加载 LoadingHide()关闭加载 挂载在window上 //加载 LoadingHide()关闭加载
module.exports.Loading = function () { module.exports.Loading = function () {
$(".pop-loding").remove(); $(".pop-loding").remove();
var temp = '<div class="pop-loding"><img src="' + PUBLICXK + '/assets/images/common/loading.gif" /></div>'; var temp = '<div class="pop-loding"><img src="' + PUBLICXK + '/assets/images/common/loading.gif" /></div>';
...@@ -44,8 +44,8 @@ define('liexin_pop', [], function (require, exports, module) { ...@@ -44,8 +44,8 @@ define('liexin_pop', [], function (require, exports, module) {
} }
//确认框 Confirm opt={title:"你确定不放开那个女孩吗？",success:function(ele){ //确认框 Confirm opt={title:"你确定不放开那个女孩吗？",success:function(ele){
//逻辑代码 ... //逻辑代码 ...
//ele.fadeOut(300) //关闭弹窗 //ele.fadeOut(300) //关闭弹窗
//}} //}}
module.exports.Confirm = function (opt) { module.exports.Confirm = function (opt) {
var text_ = opt.title || 'Are you sure？' var text_ = opt.title || 'Are you sure？'
...@@ -67,4 +67,50 @@ define('liexin_pop', [], function (require, exports, module) { ...@@ -67,4 +67,50 @@ define('liexin_pop', [], function (require, exports, module) {
}) })
} }
//自定义弹窗
//class 自定义 class 加在弹窗盒子上 ele自定义弹窗 内容元素选择器 closeFun关闭弹窗回调
//opt={title:"test",width:500,height:300,class:"abc",ele:"#ceshi",closeFun:function(){}} openHide 关闭弹窗挂载到window上
module.exports.Open = function (opt) {
var ele = $(opt.ele);
var ele2 = $(opt.ele).hide();//存放html
var eleHtml = ele.clone(true);
$(opt.ele).remove();
ele.remove();
var width_ = (opt.width || 450);
var height_=(opt.height || 200);
var html_ = '<div class="pop-show-box '+(opt.class||'')+'"><div class="pop-show-con" style="width:'+width_+'px;height:'+height_+'px"><div class="pop-head"><span>'+(opt.title||'')+'</span>'
html_ += '<p><i class="icon iconfont icon-guanbi closePopShow"></i></p>'
html_ += '</div><div class="pop-body" ></div></div></div>'
$("body").append(html_);
$(".pop-show-box .pop-body").append(eleHtml);
$(".pop-show-box .pop-body").find(opt.ele).show();
$(".pop-show-box .pop-show-con").css({
top: '-50%',
opacity: '0'
});
$(".pop-show-box .pop-show-con").animate({
top: '50%',
marginTop:-$(".pop-show-con").height()/2,
opacity: '1'
});
$(".pop-show-box .pop-show-con .closePopShow").unbind("click").click(function () {
window.openHide();
});
window.openHide = function () {
$(".pop-show-box .pop-show-con").animate({
top: '-50%',
opacity: '0'
}, function () {
ele.hide();
$(".pop-show-box").remove();
$("body").append(ele2.clone(true));
});
}
}
}); });
\ No newline at end of file
public/assets/js/home/home.js
define('home', [], function (require, exports, module) { define('home', ['liexin_pop'], function (require, exports, module) {
var liexin_pop=require("liexin_pop")
var home = { var home = {
init: function () { init: function () {
home.handle(); home.handle();
}, },
handle:function(){ handle:function(){
......
resources/views/auth/changePassword.blade.php 0 → 100644
@extends('layouts.app')
@section('css')
<link rel="stylesheet" href="{{$public}}/assets/css/auth/forget.min.css?v={{time()}}">
@endsection
@section('body')
@include('common.headerTop')
<div class="authpage">
<div class="auth-con boxsiz row verCenter">
<div class="auth-box forgetStep1" >
<div class="authb-head row rowCenter verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"></div>
<div class="inputboxp boxsiz">
<p class="headtips">Change Your Password</p>
<div class="input-group-auth">
<p class="labelp">The original password</p>
<input type="text">
</div>
<div class="input-group-auth">
<p class="labelp ">NEW PASSWORD</p>
<input type="text">
</div>
<div class="tip-con">
<p>· Contain at least 8 characters.</p>
<p>· Cannot contain common or guessable text</p>
</div>
<div class="input-group-auth">
<p class="labelp ">CONFIRM PASSWORD</p>
<input type="text">
</div>
<div class="tips">Wrong Email Address</div>
<div class="but gobtn gonext">Submit</div>
</div>
</div>
</div>
</div>
@endsection
@section('js')
<script src="{{$public}}/assets/js/home/headui.js?v={{time()}}"></script>
<script src="{{$public}}/assets/js/auth/changePassword.js?v={{time()}}"></script>
@endsection
\ No newline at end of file
resources/views/auth/forget.blade.php
...@@ -7,9 +7,10 @@ ...@@ -7,9 +7,10 @@
@section('body') @section('body')
@include('common.headerTop') @include('common.headerTop')
<div class="authpage"> <div class="authpage">
<div class="auth-con boxsiz"> <div class="auth-con boxsiz row verCenter">
<div class="auth-box "> <div class="auth-box forgetStep1" >
<div class="authb-head row rowCenter verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"></div> <div class="authb-head row rowCenter verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"></div>
<div class="inputboxp boxsiz"> <div class="inputboxp boxsiz">
<p class="headtips">Reset Your Password</p> <p class="headtips">Reset Your Password</p>
...@@ -17,12 +18,33 @@ ...@@ -17,12 +18,33 @@
<p class="labelp">EMAIL</p> <p class="labelp">EMAIL</p>
<input type="text"> <input type="text">
</div> </div>
<div class="getCode">Get verification code</div> <div class="getCode but">Get verification code</div>
<div class="input-group-auth">
<p class="labelp ">VERIFICATION CODE</p>
<input type="text">
</div>
<div class="tips">Wrong Email Address</div>
<div class="but gobtn gonext">NEXT</div>
</div>
</div>
<div class="auth-box forgetStep2" style="display:none;">
<div class="authb-head row rowCenter verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"></div>
<div class="inputboxp boxsiz">
<p class="headtips">Reset Your Password</p>
<div class="input-group-auth">
<p class="labelp">NEW PASSWORD</p>
<input type="text">
</div>
<div class="tip-con">
<p>· Contain at least 8 characters.</p>
<p>· Cannot contain common or guessable text</p>
</div>
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp">VERIFICATION CODE</p> <p class="labelp ">CONFIRM PASSWORD</p>
<input type="text"> <input type="text">
</div> </div>
<div class="gobtn">NEXT</div> <div class="tips">Wrong Email Address</div>
<div class="but gobtn">Submit</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -32,5 +54,6 @@ ...@@ -32,5 +54,6 @@
@endsection @endsection
@section('js') @section('js')
<script src="{{$public}}/assets/js/home/headui.js?v={{time()}}"></script>
<script src="{{$public}}/assets/js/auth/forget.js?v={{time()}}"></script> <script src="{{$public}}/assets/js/auth/forget.js?v={{time()}}"></script>
@endsection @endsection
\ No newline at end of file
resources/views/auth/login.blade.php
@extends('layouts.app') @extends('layouts.app')
@section('css')
<link rel="stylesheet" href="{{$public}}/assets/css/auth/login.min.css?v={{time()}}">
@endsection
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">{{ __('Login') }}</div>
<div class="card-body">
<form method="POST" action="{{ route('login') }}">
@csrf
<div class="form-group row">
<label for="email" class="col-md-4 col-form-label text-md-right">{{ __('E-Mail Address') }}</label>
<div class="col-md-6">
<input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
@error('email')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-group row">
<label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>
<div class="col-md-6">
<input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">
@error('password')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-group row">
<div class="col-md-6 offset-md-4">
<div class="form-check">
<input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
<label class="form-check-label" for="remember"> @section('body')
{{ __('Remember Me') }} @include('common.headerTop')
</label>
</div>
</div>
</div>
<div class="form-group row mb-0">
<div class="col-md-8 offset-md-4">
<button type="submit" class="btn btn-primary">
{{ __('Login') }}
</button>
@if (Route::has('password.request')) <div class="authpage">
<a class="btn btn-link" href="{{ route('password.request') }}"> <div class="auth-con boxsiz row verCenter">
{{ __('Forgot Your Password?') }} <div class="auth-box forgetStep1" >
</a> <div class="authb-head row rowCenter verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"></div>
@endif <div class="inputboxp boxsiz loginbox">
</div> <p class="headtips">Login</p>
</div> <div class="input-group-auth">
</form> <input type="text" placeholder="Email/Username">
</div> </div>
<div class="input-group-auth">
<input type="text" placeholder="Password">
</div>
<div class="tips">Wrong Email Address</div>
<div class="but loginbut">Login</div>
<div class="goForget"><a href="/forget" >Forget Password</a></div>
<div class="nocount">Don’t have an account?</div>
<a href="/reg" class="goReg">Register Now</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@endsection @endsection
@section('js')
<script src="{{$public}}/assets/js/home/headui.js?v={{time()}}"></script>
<script src="{{$public}}/assets/js/auth/login.js?v={{time()}}"></script>
@endsection
\ No newline at end of file
resources/views/auth/register.blade.php
@extends('layouts.app')
@section('css')
<link rel="stylesheet" href="{{$public}}/assets/css/auth/reg.min.css?v={{time()}}">
@endsection
@section('body')
@include('common.headerTop')
<div class="authpage">
<div class="auth-con boxsiz row verCenter">
<div class="auth-box regStep1" >
<div class="authb-head row verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"><span>Create an Account</span></div>
<div class="inputboxp boxsiz">
<p class="headtips">WHO IS THIS ACCOUNT FOR?</p>
<div class="checkbox row">
<div class="check-group row act">
<p class="row verCenter rowCenter">
<font></font>
</p>
<span>For Business</span>
</div>
<div class="check-group row">
<p>
<font></font>
</p>
<span>For Business</span>
</div>
</div>
<div class="input-con">
<div class="row">
<div class="input-group-auth">
<p class="labelp"><span>*</span>COMPANY NAME</p>
<input type="text">
</div>
<div class="input-group-auth sm ml30">
<p class="labelp"><span>*</span>FIRST NAME</p>
<input type="text">
</div>
<div class="input-group-auth sm ml30">
<p class="labelp"><span>*</span>LAST NAME</p>
<input type="text">
</div>
</div>
<div class="row">
<div class="input-group-auth">
<p class="labelp"><span>*</span>PHONE</p>
<input type="text">
</div>
<div class="input-group-auth ml30">
<p class="labelp"><span>*</span>EMAIL</p>
<input type="text">
</div>
</div>
<div class="row">
<div class="input-group-auth">
<p class="labelp"><span>*</span>PASSWORD</p>
<input type="text" placeholder="Contain at least 8 characters">
</div>
<div class="input-group-auth ml30">
<p class="labelp"><span>*</span>CONFIRM PASSWORD</p>
<input type="text">
</div>
</div>
</div>
<div class="tips">Wrong Email Address</div>
<div class="but gobtn gonext">Continue to Step2</div>
</div>
</div>
<div class="auth-box regStep2" style="display:none">
<div class="authb-head row verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"><span>Create an Account</span></div>
<div class="inputboxp boxsiz">
<p class="headtips">A verification code has been sent.Please enter thecode below to continue.</p>
<div class="input-con">
<div class="input-group-auth">
<p class="labelp">Edward@google.cn</p>
<input type="text">
</div>
</div>
<div class="tips">*Required</div>
<div class="resendbox row">
Didn't receive a code?<div class="resendbut">Resend</div>
</div>
<div class="butbox row rowCenter">
<div class="backbut">Back</div>
<div class="but nextbut">NEXT</div>
</div>
</div>
</div>
<div class="auth-box regStep3" style="display:none;">
<div class="authb-head row verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"><span>Create an Account</span></div>
<div class="inputboxp boxsiz">
<p class="headtips">Shipping Address and Contact lnformation</p>
<div class="input-con">
<div class="row">
<div class="input-group-auth">
<p class="labelp">COUNTRY/REGION</p>
<select name="" >
<option value="1">USA</option>
<option value="2">CHAIN</option>
</select>
</div>
<div class="input-group-auth ml30">
<p class="labelp">FIRST NAME</p>
<input type="text">
</div>
</div>
<div class="row">
<div class="input-group-auth">
<p class="labelp">LAST NAME</p>
<input type="text">
</div>
<div class="input-group-auth ml30">
<p class="labelp">STATE</p>
<input type="text">
</div>
</div>
<div class="row">
<div class="input-group-auth">
<p class="labelp">ADRESS LINE1</p>
<input type="text">
</div>
<div class="input-group-auth ml30">
<p class="labelp">ADRESS LINE2</p>
<input type="text">
</div>
</div>
<div class="row">
<div class="input-group-auth">
<p class="labelp">CITY</p>
<input type="text">
</div>
<div class="input-group-auth ml30">
<p class="labelp">POSTAL CODE</p>
<div class="row xs">
<input type="text">
<span class="hline"></span>
<input type="text">
</div>
</div>
</div>
</div>
<div class="tikup">
<span>*</span>
By clicking "Register", you acknowledge that you have read and agreed to SEMOUR’s Terms
and Conditions and Privacy Policy Statement.
</div>
<div class="tips">Wrong Email Address</div>
<div class="but gobtn gonext">Register</div>
</div>
</div>
</div>
</div>
@endsection
@section('js')
<script src="{{$public}}/assets/js/home/headui.js?v={{time()}}"></script>
<script src="{{$public}}/assets/js/auth/reg.js?v={{time()}}"></script>
@endsection
\ No newline at end of file
resources/views/home/home.blade.php
...@@ -97,10 +97,15 @@ ...@@ -97,10 +97,15 @@
@include('common.footersm') @include('common.footersm')
</div> </div>
<div class="ceshi" style="display:none;">
弹窗测试
</div>
@endsection @endsection
@section('js') @section('js')
<script src="{{$public}}/assets/css/common/font/iconfont.js?v={{time()}}"></script> <script src="{{$public}}/assets/css/common/font/iconfont.js?v={{time()}}"></script>
<script src="{{$public}}/assets/js/home/headui.js?v={{time()}}"></script> <script src="{{$public}}/assets/js/home/headui.js?v={{time()}}"></script>
<!-- <script src="{{$public}}/assets/js/home/home.js?v={{time()}}"></script> --> <script src="{{$public}}/assets/js/home/home.js?v={{time()}}"></script>
@endsection @endsection
\ No newline at end of file
routes/web.php
...@@ -23,7 +23,13 @@ Route::middleware(['auth'])->group(function () { ...@@ -23,7 +23,13 @@ Route::middleware(['auth'])->group(function () {
}); });
Route::get('/', 'HomeController@index')->name('home'); Route::get('/', 'HomeController@index')->name('home');
Route::get('/login', 'AuthController@login')->name('login');
Route::get('/forget', 'AuthController@forget')->name('forget'); Route::get('/forget', 'AuthController@forget')->name('forget');
Route::get('/change', 'AuthController@change')->name('change');
Route::get('/reg', 'AuthController@register')->name('register');
Route::get('/about/company', 'AboutController@company')->name('about.company'); Route::get('/about/company', 'AboutController@company')->name('about.company');
Route::get('/about/certification', 'AboutController@certification')->name('about.certification'); Route::get('/about/certification', 'AboutController@certification')->name('about.certification');
Route::get('/about/quality', 'AboutController@quality')->name('about.quality'); Route::get('/about/quality', 'AboutController@quality')->name('about.quality');
......
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