Skip to content

semour / semour_web

Go to a project
Commit 0a808c38 by 肖康
Options

深茂官网 公共组件

parent 18996405
Inline Side-by-side
Showing with 395 additions and 157 deletions
app/Http/Controllers/AuthController.php 0 → 100644
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class AuthController extends Controller
{
public function forget()
{
return view('auth.forget');
}
}
public/assets/css/auth/forget.less 0 → 100644
body,html,#app{
height:100%;
background: #000;
}
.authpage{
height:100%;
background: #000;
.auth-con{
padding-top:160px;
height:100%;
background: url("../../images/auth/authbg.png") center top no-repeat;
.auth-box{
width:610px;
margin:0 auto;
.authb-head{
height: 96px;
background: #010720;
border-radius: 16px 16px 0px 0px;
img{width:231px;height:39px;}
}
.inputboxp{
padding:62px 48px ;
width: 610px;
background: rgba(255,255,255,0.3);
border-radius: 0px 0px 16px 16px;
p.headtips{
color:#fff;
font-size: 26px;
font-weight: bold;
margin-bottom: 67px;
}
.input-group-auth{
margin-bottom: 40px;
p.labelp{font-size: 20px;color:#fff;margin-bottom: 20px;}
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;
}
}
.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;
}
.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;
}
}
}
}
}
\ No newline at end of file
public/assets/css/auth/forget.min.css 0 → 100644
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}
\ No newline at end of file
public/assets/css/common/base.less
......@@ -56,7 +56,7 @@ nav,
section,
menu,
button,
input {
input,textarea {
margin : 0;
padding : 0;
border : 0;
......@@ -65,6 +65,7 @@ input {
vertical-align: baseline;
font-weight : normal;
list-style : none;
outline: none;
}
table,
......@@ -144,7 +145,7 @@ input {
text-align: left;
}
.flex{display : flex;}
.column {
display : flex;
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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style: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}.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
@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}
\ No newline at end of file
public/assets/css/common/common.less
......@@ -11,8 +11,14 @@
width:100%;
top:0px;
left:0px;
z-index: 2;
div{
width:100%;height:100%;
span{i{cursor: pointer;color:#fff;font-size: 18px;}transition: all 0.5s;float:right;margin-right: 20px; &:hover{transform:rotate(90deg);color:#333;}}
}
}
/**官网导航**/
/**官网导航***/
.gw-header-nav{
height: 112px;
background: rgba(255,255,255,0.1);
......@@ -23,6 +29,9 @@
.ghn-con{
height:112px;
width:1500px;
@media screen and (max-width: 1500px) {
width: 1200px;
}
margin:0 auto;
a.ghn-logo{
width:463px;
......@@ -116,6 +125,9 @@
.itemftsm{
color:#fff;font-weight:bold;
margin-left: 107px;
@media screen and (max-width: 1500px) {
margin-left: 27px;
}
p{font-size: 20px;margin-bottom: 26px;&.row{b{font-size: 16px;font-weight:normal;margin-right: 9px;position: relative;top:5px;}}}
a{font-size: 16px;display: block;cursor: pointer;color:#fff;font-weight:normal;
line-height: 28px;
......
public/assets/css/common/common.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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style: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}.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}.gw-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;position:fixed;width:100%;top:0px;left:0px}.gw-header-nav{height:112px;background:rgba(255,255,255,0.1);width:100%;position:fixed;top:70px;left:0px}.gw-header-nav .ghn-con{height:112px;width:1500px;margin:0 auto}.gw-header-nav .ghn-con a.ghn-logo{width:463px;height:44px;position:relative;top:32px}.gw-header-nav .ghn-con a.ghn-logo img{width:100%;height:100%}.gw-header-nav .ghn-con .ghn-right-box{position:relative;top:-30px}.gw-header-nav .ghn-con .ghn-right-box .grb-top a{font-size:16px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc{position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.gw-header-nav .ghn-con .ghn-right-box .grb-top a:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.iconbx:hover{color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr{margin-left:34px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj{position:relative;top:6px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj font{color:#fff;letter-spacing:-3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top i.icon{font-size:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom{margin-top:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli{margin-left:48px;transition:all .5s;display:block;height:40px;position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli a.onea{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav{position:absolute;top:38px;left:-22px;width:192px;padding:18px 22px;display:none;background:rgba(26,29,57,0.8)}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav .twoli{height:40px;line-height:40px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover::after{content:"";position:absolute;top:36px;width:100%;height:5px;background:#FFFFFF;border-radius:2px;left:0px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover .twonav{display:block}.footersm{background:rgba(31,104,242,0.2);padding-top:87px;padding-bottom:31px}.footersm .logoftsm{width:262px;height:45px}.footersm .itemftsm{color:#fff;font-weight:bold;margin-left:107px}.footersm .itemftsm p{font-size:20px;margin-bottom:26px}.footersm .itemftsm p.row b{font-size:16px;font-weight:normal;margin-right:9px;position:relative;top:5px}.footersm .itemftsm a{font-size:16px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.footersm .itemftsm a:hover{color:#F68332}.footersm .itemftsm a.fz-14{font-size:14px}.footersm .itemftsm a.fz-14:hover{color:#fff}.footersm .dpbto{margin-top:53px;font-size:14px;color:#fff}.footersm .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.footersm .dpbto i.dflt{margin-left:53px}
\ No newline at end of file
@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}.gw-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;position:fixed;width:100%;top:0px;left:0px;z-index:2}.gw-header-top div{width:100%;height:100%}.gw-header-top div span{transition:all .5s;float:right;margin-right:20px}.gw-header-top div span i{cursor:pointer;color:#fff;font-size:18px}.gw-header-top div span:hover{transform:rotate(90deg);color:#333}.gw-header-nav{height:112px;background:rgba(255,255,255,0.1);width:100%;position:fixed;top:70px;left:0px}.gw-header-nav .ghn-con{height:112px;width:1500px;margin:0 auto}@media screen and (max-width:1500px){.gw-header-nav .ghn-con{width:1200px}}.gw-header-nav .ghn-con a.ghn-logo{width:463px;height:44px;position:relative;top:32px}.gw-header-nav .ghn-con a.ghn-logo img{width:100%;height:100%}.gw-header-nav .ghn-con .ghn-right-box{position:relative;top:-30px}.gw-header-nav .ghn-con .ghn-right-box .grb-top a{font-size:16px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc{position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.gw-header-nav .ghn-con .ghn-right-box .grb-top a:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.iconbx:hover{color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr{margin-left:34px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj{position:relative;top:6px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj font{color:#fff;letter-spacing:-3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top i.icon{font-size:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom{margin-top:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli{margin-left:48px;transition:all .5s;display:block;height:40px;position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli a.onea{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav{position:absolute;top:38px;left:-22px;width:192px;padding:18px 22px;display:none;background:rgba(26,29,57,0.8)}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav .twoli{height:40px;line-height:40px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover::after{content:"";position:absolute;top:36px;width:100%;height:5px;background:#FFFFFF;border-radius:2px;left:0px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover .twonav{display:block}.footersm{background:rgba(31,104,242,0.2);padding-top:87px;padding-bottom:31px}.footersm .logoftsm{width:262px;height:45px}.footersm .itemftsm{color:#fff;font-weight:bold;margin-left:107px}@media screen and (max-width:1500px){.footersm .itemftsm{margin-left:27px}}.footersm .itemftsm p{font-size:20px;margin-bottom:26px}.footersm .itemftsm p.row b{font-size:16px;font-weight:normal;margin-right:9px;position:relative;top:5px}.footersm .itemftsm a{font-size:16px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.footersm .itemftsm a:hover{color:#F68332}.footersm .itemftsm a.fz-14{font-size:14px}.footersm .itemftsm a.fz-14:hover{color:#fff}.footersm .dpbto{margin-top:53px;font-size:14px;color:#fff}.footersm .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.footersm .dpbto i.dflt{margin-left:53px}
\ No newline at end of file
public/assets/css/common/font/demo_index.html
......@@ -216,10 +216,10 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1666946678822') format('woff2'),
url('iconfont.woff?t=1666946678822') format('woff'),
url('iconfont.ttf?t=1666946678822') format('truetype'),
url('iconfont.svg?t=1666946678822#iconfont') format('svg');
src: url('iconfont.woff2?t=1667008031062') format('woff2'),
url('iconfont.woff?t=1667008031062') format('woff'),
url('iconfont.ttf?t=1667008031062') format('truetype'),
url('iconfont.svg?t=1667008031062#iconfont') format('svg');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
......
public/assets/css/common/font/iconfont.css
@font-face {
font-family: "iconfont"; /* Project id 3734816 */
src: url('iconfont.woff2?t=1666946678822') format('woff2'),
url('iconfont.woff?t=1666946678822') format('woff'),
url('iconfont.ttf?t=1666946678822') format('truetype'),
url('iconfont.svg?t=1666946678822#iconfont') format('svg');
src: url('iconfont.woff2?t=1667008031062') format('woff2'),
url('iconfont.woff?t=1667008031062') format('woff'),
url('iconfont.ttf?t=1667008031062') format('truetype'),
url('iconfont.svg?t=1667008031062#iconfont') format('svg');
}
.iconfont {
......
public/assets/css/common/pop.less 0 → 100644
/**弹窗样式**/
/**提示框**/
.pop-tip{
height:32px;
background: rgba(0,0,0,0.5);
text-align: center;
font-size: 14px;
line-height: 32px;
font-weight: bold;
position: fixed;
top:150px;
color:#fff;
z-index: 99999;
display: block;
.tip-con{padding-left:20px;padding-right:20px;min-width: 84px;}
}
\ No newline at end of file
public/assets/css/common/pop.min.css 0 → 100644
.pop-tip{height:32px;background:rgba(0,0,0,0.5);text-align:center;font-size:14px;line-height:32px;font-weight:bold;position:fixed;top:150px;color:#fff;z-index:99999;display:block}.pop-tip .tip-con{padding-left:20px;padding-right:20px;min-width:84px}
\ No newline at end of file
public/assets/css/home/home.less
......@@ -2,6 +2,7 @@
position: fixed;
top:70px;
}
body{background: #000;min-width: 1200px;}
.homepage{
background: #000;;
.floor1{
......@@ -17,14 +18,32 @@
.p24{font-size: 24px;margin-top:30px;}
}
.fl1botbox{
margin-top:105px;
margin-top:94px;
.ftitem{
width: 390px;
height: 280px;
width:390px;
padding-top:38px;
padding-bottom: 42px;
background:rgba(2, 11, 51, 0.75);
margin-right: 15px;
text-align: center;
transition: all 0.8s;
&.ftlast{margin-right: 0px;}
&:hover{background: rgba(40, 63, 235, 0.75);}
div{height:88px;width:88px;margin:0 auto;background: #fff;border-radius: 88px;text-align: center;
transition: all 0.8s;
svg,i{font-size: 47px;position: relative;top:18px;transition: all 0.8s;}
i{display: none;}
}
p{text-align: center;font-size: 30px;color:#fff;margin-top: 38px;margin-bottom: 24px;}
i.ijt{color:#283FEB;transition: all 0.8s; }
&:hover{
background: rgba(40, 63, 235, 0.75);
i.ijt{color:#F68332;}
div{
background: none;
svg{display: none;}
i{display: inline;color:#fff;}
}
}
}
}
}
......@@ -76,7 +95,7 @@
}
.footfixedcor{
height:160px;
width:100%;
background: rgba(221,221,221,0.8);
......@@ -90,6 +109,9 @@
z-index: 2;
div.textt{width: 656px;font-size: 18px;line-height: 24px;margin-right: 28px;color:#333;}
.but{
display: block;
position: relative;
top:10px;
text-align: center;
width: 248px;
height: 48px;
......
public/assets/css/home/home.min.css
.gw-header-nav{position:fixed;top:70px}.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:105px}.homepage .floor1 .fl1-con .fl1botbox .ftitem{width:390px;height:280px;background:rgba(2,11,51,0.75);margin-right:15px}.homepage .floor1 .fl1-con .fl1botbox .ftitem.ftlast{margin-right:0px}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover{background:rgba(40,63,235,0.75)}.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(221,221,221,0.8);color:#fff;position:fixed;bottom:0px}.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:#333}.homepage .footfixedcor .confotfix .but{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}
\ No newline at end of file
.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(221,221,221,0.8);color:#fff;position:fixed;bottom:0px}.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:#333}.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}
\ No newline at end of file
public/assets/images/home/bg1.png
public/assets/images/home/bg1.png

1.48 MB | W: | H:

public/assets/images/home/bg1.png

929 KB | W: | H:

public/assets/images/home/bg1.png
public/assets/images/home/bg1.png
public/assets/images/home/bg1.png
public/assets/images/home/bg1.png
  • 2-up
  • Swipe
  • Onion skin
public/assets/js/common/config.js 0 → 100644
seajs.config({
base: PUBLICXK + '/assets/js/',
alias: {
'jquery':"common/jquery-1.8.3.min",//jquery
'tool':"common/tool",//工具
'liexin_ajax':"common/liexin_ajax" ,
'liexin_pop':"common/liexin_pop",
},
charset: 'utf-8',// 文件编码,
preload: ['jquery','liexin_ajax']//预加载模块
});
\ No newline at end of file
public/assets/js/common/liexin_ajax.js 0 → 100644
define('liexin_ajax',[],function(require, exports, module) {
module.exports.liexin_ajax=function(){
}
});
\ No newline at end of file
public/assets/js/common/liexin_pop.js 0 → 100644
//弹窗 加载层
define('liexin_pop', [], function (require, exports, module) {
//动态加载样式表
var el = document.createElement('link');
el.rel = 'stylesheet';
el.type = 'text/css';
el.href = PUBLICXK + '/assets/css/common/pop.min.css';
$("body").before($(el))
module.exports.Tip = function (opt) {
var time_ = opt.time || 2200;
$(".pop-tip").remove();
var temp = '<div class="pop-tip" ><div class="tip-con">' + opt.text + '</div></div>';
$("body").append(temp);
var ele = $(".pop-tip .tip-con");
var width_ = ele.width();
console.log(width_)
$(".pop-tip").css({
left: "50%",
// "margin-left": -0.5 * width_
})
setTimeout(function () {
$(".pop-tip").fadeOut(300);
}, time_);
$(window).resize(function () {
$(".pop-tip").css({
left: "50%",
"margin-left": -0.5 * width_
})
})
}
});
\ No newline at end of file
public/assets/js/common/tool.js 0 → 100644
define(function(require, exports, module) {
//创建cookie
module.exports.setCookie= function(name, value, time, domain) //两个参数，一个是cookie的名子，一个是值，一个是天数
{
domain = domain ? ";domain=" + domain : "";
var Days = time; //此 cookie 将被保存 30 天
var exp = new Date(); //new Date("December 31, 9998");
exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
document.cookie = name + "=" + encodeURIComponent(value) + ";expires=" + exp.toGMTString() + ";path=/" + domain;
return true;
}
module.exports.getCookie = function(name) //取cookies函数
{
var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
if (arr != null) return unescape(arr[2]);
return null;
}
//标准获取地址栏参数,不乱码
module.exports.getRequest=function(name){
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return unescape(r[2]); return null;
}
});
\ No newline at end of file
public/assets/js/home/home.js
alert("home")
\ No newline at end of file
define('home', ['tool','liexin_pop'], function (require, exports, module) {
var tool=require("tool");
var liexin_pop=require("liexin_pop");
var home = {
init: function () {
home.handle();
liexin_pop.Tip({text:"测试室阿萨德",time:100000})
},
handle:function(){
$(".gw-header-top .topclose").click(function(){
$(".gw-header-top").slideUp(500);
tool.setCookie("topclose",1,30);
$(".gw-header-nav").animate({
top:0
})
})
$(".closehometips").click(function(){
tool.setCookie("closehometips",1,30);
$(".footfixedcor").animate({
bottom:-160
})
})
}
}
module.exports = home.init();
})
seajs.use(['home'])
\ No newline at end of file
resources/views/auth/forget.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">
<div class="auth-box ">
<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">EMAIL</p>
<input type="text">
</div>
<div class="getCode">Get verification code</div>
<div class="input-group-auth">
<p class="labelp">VERIFICATION CODE</p>
<input type="text">
</div>
<div class="gobtn">NEXT</div>
</div>
</div>
</div>
</div>
@endsection
@section('js')
<script src="{{$public}}/assets/js/auth/forget.js?v={{time()}}"></script>
@endsection
\ No newline at end of file
resources/views/auth/register.blade.php
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">{{ __('Register') }}</div>
<div class="card-body">
<form method="POST" action="{{ route('register') }}">
@csrf
<div class="form-group row">
<label for="name" class="col-md-4 col-form-label text-md-right">{{ __('Name') }}</label>
<div class="col-md-6">
<input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus>
@error('name')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<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">
@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="new-password">
@error('password')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-group row">
<label for="password-confirm" class="col-md-4 col-form-label text-md-right">{{ __('Confirm Password') }}</label>
<div class="col-md-6">
<input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password">
</div>
</div>
<div class="form-group row mb-0">
<div class="col-md-6 offset-md-4">
<button type="submit" class="btn btn-primary">
{{ __('Register') }}
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
@endsection
resources/views/auth/verify.blade.php deleted 100644 → 0
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">{{ __('Verify Your Email Address') }}</div>
<div class="card-body">
@if (session('resent'))
<div class="alert alert-success" role="alert">
{{ __('A fresh verification link has been sent to your email address.') }}
</div>
@endif
{{ __('Before proceeding, please check your email for a verification link.') }}
{{ __('If you did not receive the email') }},
<form class="d-inline" method="POST" action="{{ route('verification.resend') }}">
@csrf
<button type="submit" class="btn btn-link p-0 m-0 align-baseline">{{ __('click here to request another') }}</button>.
</form>
</div>
</div>
</div>
</div>
</div>
@endsection
resources/views/common/headerNav.php
<div class="gw-header-nav">
<div class="gw-header-nav" style="<?php if(isset($_COOKIE['topclose'])){echo 'top:0px;';} ?>" >
<div class="ghn-con clr">
<a class="fl ghn-logo"><img src="/assets/images/home/top.png" alt=""></a>
<div class="fr clr ghn-right-box">
......@@ -31,4 +31,5 @@
</div>
</div>
</div>
</div>
\ No newline at end of file
</div>
resources/views/common/headerTOP.blade.php
<div class="gw-header-top ta-c">
GRAND OPENING OF SEMOUR ELECTRONICS ONLINE STORE. CLICK TO VISIT.
</div>
\ No newline at end of file
@empty($_COOKIE['topclose'])
<div class="gw-header-top ta-c" >
<div>
<span><i class="icon iconfont icon-guanbi topclose"></i></span>
GRAND OPENING OF SEMOUR ELECTRONICS ONLINE STORE. CLICK TO VISIT.
</div>
</div>
@endempty
resources/views/common/js.blade.php
<script>
const URL_API="/";//ajax域名
const PUBLICXK="{{$public}}";//资源文件文件目录 js公用变量
</script>
<script src="{{$public}}/assets/js/common/sea.js?v={{time()}}"></script>
<script src="{{$public}}/assets/js/common/jquery-1.8.3.min.js?v={{time()}}"></script>
\ No newline at end of file
<script src="{{$public}}/assets/js/common/config.js?v={{time()}}"></script>
\ No newline at end of file
resources/views/home/home.blade.php
......@@ -3,7 +3,15 @@
<link rel="stylesheet" href="{{$public}}/assets/css/home/home.min.css?v={{time()}}">
@endsection
<style>
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
</style>
@section('body')
......@@ -18,16 +26,43 @@
<p>OF YOURS</p>
<p class="p24">WHY CHOOSE SEMOUR?</p>
</div>
<div class="fl1botbox clr">
<div class="fl ftitem"></div>
<div class="fl ftitem"></div>
<div class="fl ftitem ftlast"></div>
<div class="fl1botbox row rowCenter">
<div class="ftitem">
<div>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-PROCUREMENT-shuangse"></use>
</svg>
<i class="icon iconfont icon-PROCUREMENT-shuangse"></i>
</div>
<p>PROCUREMENT</p>
<i class="icon iconfont icon-lansejiantou ijt"></i>
</div>
<div class="ftitem">
<div>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-a-QUALITYCONTROL-shuangse"></use>
</svg>
<i class="icon iconfont icon-a-QUALITYCONTROL-shuangse"></i>
</div>
<p>QUALITY CONTROL</p>
<i class="icon iconfont icon-lansejiantou ijt"></i>
</div>
<div class="ftitem ftlast">
<div>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-PROCUREMENT-shuangse"></use>
</svg>
<i class="icon iconfont icon-PROCUREMENT-shuangse"></i>
</div>
<p>SUPPLY CHAIN</p>
<i class="icon iconfont icon-lansejiantou ijt"></i>
</div>
</div>
</div>
</div>
<div class="floor2">
<div class="f2con">
Not only <b>SEMOUR</b> is offering electronic components for your supply chain
Not only <b>SEMOUR</b> is offering electronic components for your supply chain
<div>But also it is a solution provider for the electronic industrial chain</div>
</div>
</div>
......@@ -45,28 +80,26 @@
<p>READY TO CONNECT?</p>
<div class="row rowCenter">
<div class="but">LOCATE PARTS ON SEMOUR STORE</div>
<div class="but but-lk">SUBMIT REAL-TIME RFQ </div>
<div class="but but-lk">SUBMIT REAL-TIME RFQ </div>
</div>
</div>
@empty($_COOKIE['closehometips'])
<div class="footfixedcor">
<div class="confotfix row rowCenter">
<div class="textt">We’ve updated our privacy policy. Please take a moment to review these changes. By clicking Accept Terms, you agree to Semour Electronics Privacy Policy and Terms of Use. </div>
<div class="but but-lk">READ MORE</div>
<div class="but">ACCEPT TERMS</div>
<div class="textt">We’ve updated our privacy policy. Please take a moment to review these changes. By clicking Accept Terms, you agree to Semour Electronics Privacy Policy and Terms of Use. </div>
<div class="but but-lk">READ MORE</div>
<div class="but closehometips">ACCEPT TERMS</div>
</div>
</div>
@endempty
@include('common.footersm')
</div>
@endsection
@section('js')
@endsection
<script src="{{$public}}/assets/css/common/font/iconfont.js?v={{time()}}"></script>
<script src="{{$public}}/assets/js/home/home.js?v={{time()}}"></script>
@endsection
\ No newline at end of file
routes/web.php
......@@ -17,6 +17,9 @@ use Illuminate\Support\Facades\Route;
Auth::routes(['verify' => true]);
Route::get('/', 'HomeController@index')->name('home');
Route::get('/forget', 'AuthController@forget')->name('forget');
Route::get('/about/company', 'AboutController@company')->name('about.company');
Route::get('/about/certification', 'AboutController@certification')->name('about.certification');
//Route::get('/', 'HomeController@index')->name('home')->middleware('verified');
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