Skip to content

semour / semour_web

Go to a project
Commit 9712f5f5 by 肖康
Options

搜索代码 官网视频

parent 7e1c6263
Expand all
Inline Side-by-side
Showing with 703 additions and 149 deletions
public/assets/css/about/about.less
...@@ -58,7 +58,7 @@ body{background: #000;min-width: 1200px;} ...@@ -58,7 +58,7 @@ body{background: #000;min-width: 1200px;}
} }
.floor2{ .floor2{
height:1074px; height:1074px;
background: url("../../images/about/qualitybg2.png") center top no-repeat; background: url("../../images/about/bgg5.png") center top no-repeat;
.jscon{ .jscon{
width: 1200px; width: 1200px;
height: 410px; height: 410px;
...@@ -359,9 +359,7 @@ body{background: #000;min-width: 1200px;} ...@@ -359,9 +359,7 @@ body{background: #000;min-width: 1200px;}
padding-top:40px; padding-top:40px;
background: rgba(255,255,255,0); background: rgba(255,255,255,0);
&.itemlast{
margin-left: 285px;
}
img{display: block;margin: 0 auto;} img{display: block;margin: 0 auto;}
p{font-size: 22px; font-weight: bold;color:#fff;opacity: 0;} p{font-size: 22px; font-weight: bold;color:#fff;opacity: 0;}
......
public/assets/css/class/class.less
...@@ -59,6 +59,7 @@ ...@@ -59,6 +59,7 @@
} }
.bcon{ .bcon{
position: absolute; position: absolute;
z-index: 2;
top:30px; top:30px;
left:0px; left:0px;
width:294px; width:294px;
......
public/assets/css/class/class.min.css
.classbox .class-three-box{width:1200px;background:#fff}.classbox .class-three-box .chead{width:1200px;height:48px;background:#DFEAFA;line-height:48px;padding-left:26px;color:#164D9A;font-size:20px;font-weight:bold}.classbox .class-three-box .csec{width:1200px;max-height:160px;overflow-y:auto;padding:20px 50px}.classbox .class-three-box .csec::-webkit-scrollbar{width:2px;background-color:#EDEDED}.classbox .class-three-box .csec::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}.classbox .class-three-box .csec a{color:#555;float:left;height:20px;width:25%;margin-bottom:20px}.classbox .class-three-box .csec a:hover{color:#164D9A}.classbox .shit-box{padding:20px 25px}.classbox .shit-box p.titletext{font-size:14px;color:#333;margin-bottom:15px}.classbox .shit-box .brand-box{width:294px;height:30px;background:#FFFFFF;border:1px solid #DFEAFA;border-radius:8px;position:relative}.classbox .shit-box .brand-box span.icon{position:absolute;left:15px;top:6px}.classbox .shit-box .brand-box span.icon i{font-size:18px;color:#aaa}.classbox .shit-box .brand-box input{background:#fff;display:block;height:30px;line-height:30px;color:#333;padding-left:42px}.classbox .shit-box .brand-box .bcon{position:absolute;top:30px;left:0px;width:294px;background:#fff;box-shadow:0 0 5px #ccc;max-height:150px;overflow-y:auto;display:none}.classbox .shit-box .brand-box .bcon p{height:20px;line-height:20px;padding:5px 15px;color:#333;font-size:14px;cursor:pointer}.classbox .shit-box .brand-box .bcon p:hover{background:#F0F7FF;color:#164D9A}.classbox .shit-box .brand-box .bcon::-webkit-scrollbar{width:2px;background-color:#EDEDED}.classbox .shit-box .brand-box .bcon::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}.classbox .mb20{margin-bottom:20px}.classbox .listcon{background:#fff;padding:25px 0px}.classbox .listcon .p25{padding:0 25px}.classbox .listcon .countshead{color:#555;font-size:16px}.classbox .listcon .butcon{position:relative;top:10px}.classbox .listcon .butcon .but{width:100px;height:32px;background:#164D9A;border-radius:8px;text-align:center;line-height:32px;color:#fff;font-size:16px;margin-left:30px}.classbox .listcon .search-shit{width:350px;height:32px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative}.classbox .listcon .search-shit span.icon{position:absolute;right:0px;top:-1px;width:50px;height:32px;background:#164D9A;text-align:center;line-height:32px;border-radius:0px 8px 8px 0px;cursor:pointer}.classbox .listcon .search-shit span.icon i{font-size:18px;color:#fff}.classbox .listcon .search-shit input{background:#fff;display:block;height:30px;line-height:30px;color:#333;padding-left:15px;width:305px}.classbox .listcon .check-group{color:#555;font-size:16px;cursor:pointer;margin-left:50px}.classbox .listcon .check-group .check{width:22px;height:22px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;text-align:center;line-height:20px}.classbox .listcon .check-group .check i{color:#164D9A;font-size:16px;position:relative;top:1px;display:none}.classbox .listcon .check-group p{height:22px;line-height:22px;margin-left:9px}.classbox .listcon .check-group.act .check{background:#DFEAFA;border:1px solid #164D9A}.classbox .listcon .check-group.act .check i{display:inline} .classbox .class-three-box{width:1200px;background:#fff}.classbox .class-three-box .chead{width:1200px;height:48px;background:#DFEAFA;line-height:48px;padding-left:26px;color:#164D9A;font-size:20px;font-weight:bold}.classbox .class-three-box .csec{width:1200px;max-height:160px;overflow-y:auto;padding:20px 50px}.classbox .class-three-box .csec::-webkit-scrollbar{width:2px;background-color:#EDEDED}.classbox .class-three-box .csec::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}.classbox .class-three-box .csec a{color:#555;float:left;height:20px;width:25%;margin-bottom:20px}.classbox .class-three-box .csec a:hover{color:#164D9A}.classbox .shit-box{padding:20px 25px}.classbox .shit-box p.titletext{font-size:14px;color:#333;margin-bottom:15px}.classbox .shit-box .brand-box{width:294px;height:30px;background:#FFFFFF;border:1px solid #DFEAFA;border-radius:8px;position:relative}.classbox .shit-box .brand-box span.icon{position:absolute;left:15px;top:6px}.classbox .shit-box .brand-box span.icon i{font-size:18px;color:#aaa}.classbox .shit-box .brand-box input{background:#fff;display:block;height:30px;line-height:30px;color:#333;padding-left:42px}.classbox .shit-box .brand-box .bcon{position:absolute;z-index:2;top:30px;left:0px;width:294px;background:#fff;box-shadow:0 0 5px #ccc;max-height:150px;overflow-y:auto;display:none}.classbox .shit-box .brand-box .bcon p{height:20px;line-height:20px;padding:5px 15px;color:#333;font-size:14px;cursor:pointer}.classbox .shit-box .brand-box .bcon p:hover{background:#F0F7FF;color:#164D9A}.classbox .shit-box .brand-box .bcon::-webkit-scrollbar{width:2px;background-color:#EDEDED}.classbox .shit-box .brand-box .bcon::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}.classbox .mb20{margin-bottom:20px}.classbox .listcon{background:#fff;padding:25px 0px}.classbox .listcon .p25{padding:0 25px}.classbox .listcon .countshead{color:#555;font-size:16px}.classbox .listcon .butcon{position:relative;top:10px}.classbox .listcon .butcon .but{width:100px;height:32px;background:#164D9A;border-radius:8px;text-align:center;line-height:32px;color:#fff;font-size:16px;margin-left:30px}.classbox .listcon .search-shit{width:350px;height:32px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative}.classbox .listcon .search-shit span.icon{position:absolute;right:0px;top:-1px;width:50px;height:32px;background:#164D9A;text-align:center;line-height:32px;border-radius:0px 8px 8px 0px;cursor:pointer}.classbox .listcon .search-shit span.icon i{font-size:18px;color:#fff}.classbox .listcon .search-shit input{background:#fff;display:block;height:30px;line-height:30px;color:#333;padding-left:15px;width:305px}.classbox .listcon .check-group{color:#555;font-size:16px;cursor:pointer;margin-left:50px}.classbox .listcon .check-group .check{width:22px;height:22px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;text-align:center;line-height:20px}.classbox .listcon .check-group .check i{color:#164D9A;font-size:16px;position:relative;top:1px;display:none}.classbox .listcon .check-group p{height:22px;line-height:22px;margin-left:9px}.classbox .listcon .check-group.act .check{background:#DFEAFA;border:1px solid #164D9A}.classbox .listcon .check-group.act .check i{display:inline}
\ No newline at end of file \ No newline at end of file
public/assets/css/common/common.less
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
position : fixed; position : fixed;
top : 70px; top : 70px;
left : 0px; left : 0px;
z-index: 6;
.ghn-con { .ghn-con {
height: 112px; height: 112px;
width : 1500px; width : 1500px;
...@@ -73,7 +73,6 @@ ...@@ -73,7 +73,6 @@
.ghn-right-box { .ghn-right-box {
position: relative; position: relative;
top : -30px; top : -30px;
.grb-top { .grb-top {
.yesLogin { .yesLogin {
position: relative; position: relative;
...@@ -786,8 +785,7 @@ ...@@ -786,8 +785,7 @@
} }
&:hover { &:hover {
background : url("../../images/common/footer9.png") no-repeat;
background-size: 100% 100%;
color : #fff; color : #fff;
b { b {
...@@ -796,6 +794,18 @@ ...@@ -796,6 +794,18 @@
color : #fff; color : #fff;
} }
} }
&.bgbts1:hover{
background: url("../../images/home/bgf1.png") no-repeat;background-size: 100% 100%;
}
&.bgbts2:hover{
background: url("../../images/home/bgf2.png") no-repeat;background-size: 100% 100%;
}
&.bgbts3:hover{
background: url("../../images/home/bgf3.png") no-repeat;background-size: 100% 100%;
}
&.bgbts4:hover{
background: url("../../images/home/bgf4.png") no-repeat;background-size: 100% 100%;
}
} }
} }
...@@ -952,6 +962,7 @@ ...@@ -952,6 +962,7 @@
line-height: 22px;color:#555; line-height: 22px;color:#555;
.jtpr{width:80px;box-sizing: border-box;padding-right: 5px;} .jtpr{width:80px;box-sizing: border-box;padding-right: 5px;}
.jtpc{width:80px;} .jtpc{width:80px;}
&.act{color:#164D9A;}
} }
a.goodsname{color:#555;&:hover{color:#164D9A;}} a.goodsname{color:#555;&:hover{color:#164D9A;}}
.td{line-height: 22px;word-break:break-all;} .td{line-height: 22px;word-break:break-all;}
......
public/assets/css/home/home.less
...@@ -16,6 +16,15 @@ body{background: #000;min-width: 1200px;} ...@@ -16,6 +16,15 @@ body{background: #000;min-width: 1200px;}
.rtdes{ .rtdes{
p{color:#fff;font-size: 60px;} p{color:#fff;font-size: 60px;}
.p24{font-size: 24px;margin-top:30px;} .p24{font-size: 24px;margin-top:30px;}
position: relative;
img{
display: block;position: absolute;
z-index: 1;
width:450px;
right:-50px;
top:-150px;
}
} }
.fl1botbox{ .fl1botbox{
margin-top:94px; margin-top:94px;
...@@ -47,12 +56,13 @@ body{background: #000;min-width: 1200px;} ...@@ -47,12 +56,13 @@ body{background: #000;min-width: 1200px;}
} }
} }
.floor2{ .floor2{
height:600px; height:480px;
background: url("../../images/home/bg2.png") center top no-repeat; background: url("../../images/home/bg2.png") center top no-repeat;
font-size: 24px; font-size: 24px;
color:#fff; color:#fff;
b{font-size: 40px;} b{font-size: 40px;}
.f2con{width:500px;margin:0 auto;position: relative;top:260px;width:864px;} .f2con{width:500px;margin:0 auto;position: relative;top:260px;width:864px;}
video{width:1200px;margin:0 auto;display: block;}
} }
.floor3{ .floor3{
padding-top: 4px; padding-top: 4px;
...@@ -65,9 +75,21 @@ body{background: #000;min-width: 1200px;} ...@@ -65,9 +75,21 @@ body{background: #000;min-width: 1200px;}
&.trr{padding-left: 122px;} &.trr{padding-left: 122px;}
&.trl{text-align: right;padding-right: 122px;margin-right: 1px;} &.trl{text-align: right;padding-right: 122px;margin-right: 1px;}
b{font-size: 40px;font-weight: bold;margin-right: 10px;} b{font-size: 40px;font-weight: bold;margin-right: 10px;}
&:hover{ background: url("../../images/home/subj.png") no-repeat;background-size: 100% 100%; &:hover{
b{font-size: 100px;font-weight: bold;} b{font-size: 100px;font-weight: bold;}
} }
&.bgbts1:hover{
background: url("../../images/home/bgf1.png") no-repeat;background-size: 100% 100%;
}
&.bgbts2:hover{
background: url("../../images/home/bgf2.png") no-repeat;background-size: 100% 100%;
}
&.bgbts3:hover{
background: url("../../images/home/bgf3.png") no-repeat;background-size: 100% 100%;
}
&.bgbts4:hover{
background: url("../../images/home/bgf4.png") no-repeat;background-size: 100% 100%;
}
} }
} }
......
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 i{font-size:47px;position:relative;top:18px;color:#283FEB}.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 i{font-size:60px;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{position:relative}.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 .rtdes img{display:block;position:absolute;z-index:1;width:450px;right:-50px;top:-150px}.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 i{font-size:47px;position:relative;top:18px;color:#283FEB}.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 i{font-size:60px;color:#fff}.homepage .floor2{height:480px;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 .floor2 video{width:1200px;margin:0 auto;display:block}.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 b{font-size:100px;font-weight:bold}.homepage .floor3 .itemf3.bgbts1:hover{background:url("../../images/home/bgf1.png") no-repeat;background-size:100% 100%}.homepage .floor3 .itemf3.bgbts2:hover{background:url("../../images/home/bgf2.png") no-repeat;background-size:100% 100%}.homepage .floor3 .itemf3.bgbts3:hover{background:url("../../images/home/bgf3.png") no-repeat;background-size:100% 100%}.homepage .floor3 .itemf3.bgbts4:hover{background:url("../../images/home/bgf4.png") no-repeat;background-size:100% 100%}.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}
\ No newline at end of file \ No newline at end of file
public/assets/css/mall/mall.less
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
} }
} }
.floor3{ .floor3{
height:380px; height:480px;
margin-top: 12px; margin-top: 12px;
background: url(../../images/mall/video.png) no-repeat; background: url(../../images/mall/video.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
......
public/assets/css/mall/mall.min.css
.mallindex .floor1{margin-top:7px}.mallindex .floor1 .f1left{width:498px;height:384px}.mallindex .floor1 .f1right{margin-left:1px;width:700px;height:384px;background:url(../../images/mall/banner.png) no-repeat;background-size:100% 100%}.mallindex .floor2{margin-top:12px}.mallindex .floor2 .item{width:392px;height:179px;background:rgba(2,11,51,0.75);transition:all .5s;margin-right:12px;padding-left:48px}.mallindex .floor2 .item:last-child{margin-right:0px}.mallindex .floor2 .item .qiu{width:70px;height:70px;background:#FFFFFF;border-radius:50%;text-align:center;line-height:70px}.mallindex .floor2 .item .qiu i{font-size:37px;color:#1F68F2}.mallindex .floor2 .item .cong{margin-left:41px}.mallindex .floor2 .item .cong p{font-size:20px;font-weight:bold;color:#fff;margin-bottom:14px}.mallindex .floor2 .item .cong i{color:#1F68F2}.mallindex .floor2 .item:hover{background:rgba(40,63,235,0.75)}.mallindex .floor2 .item:hover .qiu{background:none}.mallindex .floor2 .item:hover .qiu i{display:inline;color:#fff;font-size:60px}.mallindex .floor2 .item:hover .cong i{color:#F68332}.mallindex .floor3{height:380px;margin-top:12px;background:url(../../images/mall/video.png) no-repeat;background-size:100% 100%}.procon{display:block!important} .mallindex .floor1{margin-top:7px}.mallindex .floor1 .f1left{width:498px;height:384px}.mallindex .floor1 .f1right{margin-left:1px;width:700px;height:384px;background:url(../../images/mall/banner.png) no-repeat;background-size:100% 100%}.mallindex .floor2{margin-top:12px}.mallindex .floor2 .item{width:392px;height:179px;background:rgba(2,11,51,0.75);transition:all .5s;margin-right:12px;padding-left:48px}.mallindex .floor2 .item:last-child{margin-right:0px}.mallindex .floor2 .item .qiu{width:70px;height:70px;background:#FFFFFF;border-radius:50%;text-align:center;line-height:70px}.mallindex .floor2 .item .qiu i{font-size:37px;color:#1F68F2}.mallindex .floor2 .item .cong{margin-left:41px}.mallindex .floor2 .item .cong p{font-size:20px;font-weight:bold;color:#fff;margin-bottom:14px}.mallindex .floor2 .item .cong i{color:#1F68F2}.mallindex .floor2 .item:hover{background:rgba(40,63,235,0.75)}.mallindex .floor2 .item:hover .qiu{background:none}.mallindex .floor2 .item:hover .qiu i{display:inline;color:#fff;font-size:60px}.mallindex .floor2 .item:hover .cong i{color:#F68332}.mallindex .floor3{height:480px;margin-top:12px;background:url(../../images/mall/video.png) no-repeat;background-size:100% 100%}.procon{display:block!important}
\ No newline at end of file \ No newline at end of file
public/assets/images/home/mallvadeo.mp4 0 → 100644
The file could not be displayed because it is too large.
public/assets/js/brand/list.js 0 → 100644
define('brandlist', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (require, exports, module) {
var tool = require("tool");
var liexin_pop = require("liexin_pop");
var artTemplate = require("artTemplate");
var pagination = require('pagination');
var brandlist = {
page: 1,
limit: 10,
init: function () {
brandlist.handle();
brandlist.pagehandle();
brandlist.getData()
},
getData: function () {
var data_ = {
page: brandlist.page,
page_size: brandlist.limit,
"brand_name/like":$("#brandvalxsp").text()
}
if ($(".eqsort").hasClass("act")) {
data_["goods_name/eq"] = $(".mallbrandlistvalx").val()
} else {
data_["goods_name/like"] = $(".mallbrandlistvalx").val()
}
if ($(".stockSort").hasClass("act")) {
data_["stock/gte"] = 1
}
if ($(".storeitems").hasClass("act")) {
if ($(".storeitems").hasClass("top")) {
data_["stock/sort"] = "asc"
} else {
data_["stock/sort"] = "desc"
}
}
if ($(".priceitems").hasClass("act")) {
if ($(".priceitems").hasClass("top")) {
data_["single_price/sort"] = "asc"
} else {
data_["single_price/sort"] = "desc"
}
}
$.liexin_ajax(SO_URL + '/semour/skuLists', 'POST', data_, function (res) {
if (res.code == 0) {
var dataArr = res.data.lists || [];
$(".brandlistCount").html(res.data.total || 0)
if (dataArr.length == 0) {
tool.NoData(".data-td")
return
}
var json_ = {
data: dataArr
}
var html = template('DataTmp', json_);
$(".data-td").html(html);
//阶梯价格 合计价格初始化
$(".data-td .td-group").each(function () {
brandlist.onePriceRow($(this))
})
//分页初始化
$('.M-pagebox').pagination({
coping: false,
homePage: '<<',
endPage: '>>',
totalData: res.data.total,
showData: res.data.page_size,
current: res.data.page
});
} else {
tool.NoData(".data-td")
liexin_pop.Tip({ title: res.msg })
}
})
},
handle: function () {
//搜索BTN
$(".searchbq").click(function(){
brandlist.getData()
})
//排序操作
$(".checksearchsz").click(function () {
$(this).toggleClass("act")
brandlist.getData()
})
$(".sort-item").click(function () {
$(".sort-item").removeClass("act");
$(this).addClass("act");
if ($(this).hasClass("topbomsd")) {
if ($(this).hasClass("top")) {
$(this).removeClass("top")
$(this).addClass("bottom")
} else {
$(this).addClass("top")
$(this).removeClass("bottom")
}
}
brandlist.getData()
})
//输入数量
$("body").on("input", '.valuepsearch', tool.debounce(function (e) {
var num = $(this).val();
var max_num=Number($(this).attr("maxNum"));
var min_num=Number($(this).attr("minNum"));
if(num>max_num){
$(this).val(max_num)
liexin_pop.Tip({ title: "At Most "+max_num })
return
}
if(num<min_num){
$(this).val(min_num)
liexin_pop.Tip({ title: "At Least "+min_num })
return
}
}, 300))
//加购物车
$("body").on("click",".addCarsearch",function(){
var data_=[{
goods_id:$(this).attr("goods_id"),
buy_number:$(this).prev(".valuepsearch").val()
}]
$.liexin_ajax('/api/cart/saveCart', 'POST', {items:JSON.stringify(data_)}, function (res) {
if (res.code == 0) {
liexin_pop.Tip({ title: res.msg })
tool.getCarNum()
} else {
liexin_pop.Tip({ title: res.msg })
}
})
})
},
//单条数据 计算阶梯价 计算合计价 自营供应商库存处理
onePriceRow: function (obj) {
var value_ = Number(obj.find(".valuep").val());//当前数量
//阶梯价格选中
obj.find(".price-group").each(function () {
var pus = $(this).attr("purchases")
var next_pus = $(this).next().attr("purchases")
var prev_pus = $(this).prev().attr("purchases")
obj.find(".price-group").removeClass("act")
if (value_ == pus) {
$(this).addClass("act");
return false;
}
if ($(this).index() == 0) {
//第一个阶梯
if (value_ > pus) {
$(this).addClass("act");
return false;
}
}
if ($(this).index() == obj.find(".jt-group").length - 1) {
//最后一个阶梯
if (value_ < pus) {
$(this).addClass("act");
return false;
}
}
if (value_ < pus && value_ > next_pus) {
$(this).next().addClass("act")
return false;
}
if (value_ > pus && value_ < prev_pus) {
$(this).addClass("act")
return false;
}
})
//计算合计价格
var ac_price = obj.find(".price-group.act").find(".jtpc").text().replace(/\s/g, "")
obj.find(".totalrow").text(((ac_price * value_) || 0).toFixed(2))
},
pagehandle: function () {
$("body").on("click", ".M-pagebox a", function () {
if ($(this).attr("data-page")) {
brandlist.page = $(this).attr("data-page");
} else {
if ($(this).hasClass("prev")) {
brandlist.page = brandlist.page - 1;
} else if ($(this).hasClass("next")) {
brandlist.page = brandlist.page + 1;
}
}
brandlist.getData();
})
},
}
module.exports = brandlist.init();
})
seajs.use(['brandlist'])
\ No newline at end of file
public/assets/js/class/class.js
define('class_p', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (require, exports, module) {
var tool = require("tool");
var liexin_pop = require("liexin_pop");
var artTemplate = require("artTemplate");
var pagination = require('pagination');
var class_p = {
page: 1,
limit: 10,
init: function () {
class_p.handle();
class_p.pagehandle();
class_p.getData()
},
getData: function () {
var data_ = {
page: class_p.page,
page_size: class_p.limit,
"class_id1/eq":$("#class_id_two").val(),
"brand_name/like":$(".brandvals").val()
}
if ($(".eqsort").hasClass("act")) {
data_["goods_name/eq"] = $(".classsearchvals").val()
} else {
data_["goods_name/like"] = $(".classsearchvals").val()
}
if($("#class_id_three").val()){
data_["class_id2/eq"] = $("#class_id_three").val()
}
$.liexin_ajax(SO_URL + '/semour/skuLists', 'POST', data_, function (res) {
if (res.code == 0) {
var dataArr = res.data.lists || [];
$(".search_result_count").html(res.data.total || 0)
if (dataArr.length == 0) {
tool.NoData(".data-td")
return
}
var json_ = {
data: dataArr
}
var html = template('DataTmp', json_);
$(".data-td").html(html);
//阶梯价格 合计价格初始化
$(".data-td .td-group").each(function () {
class_p.onePriceRow($(this))
})
//分页初始化
$('.M-pagebox').pagination({
coping: false,
homePage: '<<',
endPage: '>>',
totalData: res.data.total,
showData: res.data.page_size,
current: res.data.page
});
} else {
tool.NoData(".data-td")
liexin_pop.Tip({ title: res.msg })
}
})
},
handle: function () {
//搜索BTN
$(".searchbq").click(function(){
class_p.getData()
})
//重置
$(".resetst").click(function(){
$(".classsearchvals").val("");
$(".eqsort").removeClass("act")
})
//排序操作
$(".checksearchsz").click(function () {
$(this).toggleClass("act")
class_p.getData()
})
//品牌匹配
$("body").on("input", '.brandvals', tool.debounce(function (e) {
$(".brandvals").attr("guid","")
if(!$(this).val()){
$(".brand-box .bcon").hide();
return
}
$.liexin_ajax('/api/brand/list', 'GET', { brand_name: $(this).val() }, function (res) {
if (res.code == 0) {
var arr_=res.data||[];
if(arr_.length==0){
$(".brand-box .bcon").hide();
return
}
var html_="";
for(var i=0;i<arr_.length;i++){
html_+='<p class="itembranssearch" guid="'+arr_[i].standard_brand_id+'">'+arr_[i].brand_name_en+'</p>'
}
$(".brand-box .bcon").html(html_).show()
} else {
$(".brand-box .bcon").hide();
liexin_pop.Tip({ title: res.msg })
}
})
}, 300))
$("body").on("click",".itembranssearch",function(){
$(".brandvals").val($(this).text()).attr("guid",$(this).attr("guid"))
$(".brand-box .bcon").hide();
})
//输入数量
$("body").on("input", '.valuepSearch', tool.debounce(function (e) {
var num = $(this).val();
var max_num = Number($(this).attr("maxNum"));
var min_num = Number($(this).attr("minNum"));
if (num > max_num) {
$(this).val(max_num)
liexin_pop.Tip({ title: "At Most " + max_num })
return
}
if (num < min_num) {
$(this).val(min_num)
liexin_pop.Tip({ title: "At Least " + min_num })
return
}
}, 300))
//加购物车
$("body").on("click", ".addCarSearch", function () {
var data_ = [{
goods_id: $(this).attr("goods_id"),
buy_number: $(this).prev(".valuepSearch").val()
}]
$.liexin_ajax('/api/cart/saveCart', 'POST', { items: JSON.stringify(data_) }, function (res) {
if (res.code == 0) {
liexin_pop.Tip({ title: res.msg })
tool.getCarNum()
} else {
liexin_pop.Tip({ title: res.msg })
}
})
})
},
//单条数据 计算阶梯价 计算合计价 自营供应商库存处理
onePriceRow: function (obj) {
var value_ = Number(obj.find(".valuep").val());//当前数量
//阶梯价格选中
obj.find(".price-group").each(function () {
var pus = $(this).attr("purchases")
var next_pus = $(this).next().attr("purchases")
var prev_pus = $(this).prev().attr("purchases")
obj.find(".price-group").removeClass("act")
if (value_ == pus) {
$(this).addClass("act");
return false;
}
if ($(this).index() == 0) {
//第一个阶梯
if (value_ > pus) {
$(this).addClass("act");
return false;
}
}
if ($(this).index() == obj.find(".jt-group").length - 1) {
//最后一个阶梯
if (value_ < pus) {
$(this).addClass("act");
return false;
}
}
if (value_ < pus && value_ > next_pus) {
$(this).next().addClass("act")
return false;
}
if (value_ > pus && value_ < prev_pus) {
$(this).addClass("act")
return false;
}
})
//计算合计价格
var ac_price = obj.find(".price-group.act").find(".jtpc").text().replace(/\s/g, "")
obj.find(".totalrow").text(((ac_price * value_) || 0).toFixed(2))
},
pagehandle: function () {
$("body").on("click", ".M-pagebox a", function () {
if ($(this).attr("data-page")) {
class_p.page = $(this).attr("data-page");
} else {
if ($(this).hasClass("prev")) {
class_p.page = class_p.page - 1;
} else if ($(this).hasClass("next")) {
class_p.page = class_p.page + 1;
}
}
class_p.getData();
})
},
}
module.exports = class_p.init();
})
seajs.use(['class_p'])
\ No newline at end of file
public/assets/js/common/mallUi.js
...@@ -30,8 +30,9 @@ define('mallUi', ['tool', 'liexin_pop'], function (require, exports, module) { ...@@ -30,8 +30,9 @@ define('mallUi', ['tool', 'liexin_pop'], function (require, exports, module) {
} }
}) })
}) })
tool.getCarNum();
/**上面官网商城通用**/
//官网 //官网
$(".gw-header-top .topclose").click(function () { $(".gw-header-top .topclose").click(function () {
$(".gw-header-top").slideUp(500); $(".gw-header-top").slideUp(500);
......
public/assets/js/common/tool.js
...@@ -61,6 +61,16 @@ define(function (require, exports, module) { ...@@ -61,6 +61,16 @@ define(function (require, exports, module) {
$(ele).html('<div class="row verCenter rowCenter" style="height:150px;color:#555;">No Data</div>') $(ele).html('<div class="row verCenter rowCenter" style="height:150px;color:#555;">No Data</div>')
$(ele).next(".M-pagebox").hide(); $(ele).next(".M-pagebox").hide();
} }
//获取购物车数量
module.exports.getCarNum = function () {
$.liexin_ajax('/api/cart/cartMyCount', 'POST', {}, function (res) {
if (res.code == 0) {
$(".carNumxs").html(res.data||0)
} else {
liexin_pop.Tip({ title: res.msg })
}
},1)
}
}); });
\ No newline at end of file
public/assets/js/search/search.js
define('search', ['tool', 'liexin_pop','artTemplate','pagination'], function (require, exports, module) { define('search', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (require, exports, module) {
var tool = require("tool"); var tool = require("tool");
var liexin_pop = require("liexin_pop"); var liexin_pop = require("liexin_pop");
var artTemplate = require("artTemplate"); var artTemplate = require("artTemplate");
var pagination = require('pagination'); var pagination = require('pagination');
var search = { var search = {
page:1, page: 1,
limit:10, limit: 10,
init: function () { init: function () {
search.handle(); search.handle();
search.pagehandle();
search.getData() search.getData()
}, },
getData:function(){ getData: function () {
var data_={ var data_ = {
page:search.page, page: search.page,
page_size:search.limit page_size: search.limit
} }
if($(".eqsort").hasClass("act")){ if ($(".eqsort").hasClass("act")) {
data_["goods_name/eq"]=$(".mallsearchvalx").val() data_["goods_name/eq"] = $(".mallsearchvalx").val()
}else{ } else {
data_["goods_name/like"]=$(".mallsearchvalx").val() data_["goods_name/like"] = $(".mallsearchvalx").val()
} }
if($(".stockSort").hasClass("act")){ if ($(".stockSort").hasClass("act")) {
data_["stock/gte"]=1 data_["stock/gte"] = 1
} }
if($(".storeitems").hasClass("act")){ if ($(".storeitems").hasClass("act")) {
if($(".storeitems").hasClass("top")){ if ($(".storeitems").hasClass("top")) {
data_["stock/sort"]="asc" data_["stock/sort"] = "asc"
}else{ } else {
data_["stock/sort"]="desc" data_["stock/sort"] = "desc"
} }
} }
if($(".priceitems").hasClass("act")){ if ($(".priceitems").hasClass("act")) {
if($(".priceitems").hasClass("top")){ if ($(".priceitems").hasClass("top")) {
data_["single_price/sort"]="asc" data_["single_price/sort"] = "asc"
}else{ } else {
data_["single_price/sort"]="desc" data_["single_price/sort"] = "desc"
} }
} }
$.liexin_ajax(SO_URL+'/semour/skuLists', 'POST',data_, function (res) { $.liexin_ajax(SO_URL + '/semour/skuLists', 'POST', data_, function (res) {
console.log(res)
if (res.code == 0) { if (res.code == 0) {
var dataArr=res.data.lists||[]; var dataArr = res.data.lists || [];
$(".searchCount").html(res.data.total||0) $(".searchCount").html(res.data.total || 0)
if(dataArr.length==0){ if (dataArr.length == 0) {
tool.NoData(".data-td") tool.NoData(".data-td")
return return
} }
var json_={ var json_ = {
data:dataArr data: dataArr
} }
var html = template('DataTmp', json_); var html = template('DataTmp', json_);
$(".data-td").html(html); $(".data-td").html(html);
//阶梯价格 合计价格初始化
$(".data-td .td-group").each(function () {
search.onePriceRow($(this))
})
//分页初始化 //分页初始化
$('.M-pagebox').pagination({ $('.M-pagebox').pagination({
coping: false, coping: false,
...@@ -69,29 +73,106 @@ define('search', ['tool', 'liexin_pop','artTemplate','pagination'], function (re ...@@ -69,29 +73,106 @@ define('search', ['tool', 'liexin_pop','artTemplate','pagination'], function (re
}, },
handle: function () { handle: function () {
//排序操作 //排序操作
$(".checksearchsz").click(function(){ $(".checksearchsz").click(function () {
$(this).toggleClass("act") $(this).toggleClass("act")
search.getData() search.getData()
}) })
$(".sort-item").click(function(){ $(".sort-item").click(function () {
$(".sort-item").removeClass("act"); $(".sort-item").removeClass("act");
$(this).addClass("act"); $(this).addClass("act");
if($(this).hasClass("topbomsd")){ if ($(this).hasClass("topbomsd")) {
if($(this).hasClass("top")){ if ($(this).hasClass("top")) {
$(this).removeClass("top") $(this).removeClass("top")
$(this).addClass("bottom") $(this).addClass("bottom")
}else{ } else {
$(this).addClass("top") $(this).addClass("top")
$(this).removeClass("bottom") $(this).removeClass("bottom")
} }
} }
search.getData() search.getData()
}) })
//输入数量
$("body").on("input", '.valuepSearch', tool.debounce(function (e) {
var num = $(this).val();
var max_num=Number($(this).attr("maxNum"));
var min_num=Number($(this).attr("minNum"));
if(num>max_num){
$(this).val(max_num)
liexin_pop.Tip({ title: "At Most "+max_num })
return
}
if(num<min_num){
$(this).val(min_num)
liexin_pop.Tip({ title: "At Least "+min_num })
return
}
}, 300))
//加购物车
$("body").on("click",".addCarSearch",function(){
var data_=[{
goods_id:$(this).attr("goods_id"),
buy_number:$(this).prev(".valuepSearch").val()
}]
$.liexin_ajax('/api/cart/saveCart', 'POST', {items:JSON.stringify(data_)}, function (res) {
if (res.code == 0) {
liexin_pop.Tip({ title: res.msg })
tool.getCarNum()
} else {
liexin_pop.Tip({ title: res.msg })
}
})
})
}, },
page: function () { //单条数据 计算阶梯价 计算合计价 自营供应商库存处理
$(".M-pagebox a").unbind("click").click(function () { onePriceRow: function (obj) {
var value_ = Number(obj.find(".valuep").val());//当前数量
//阶梯价格选中
obj.find(".price-group").each(function () {
var pus = $(this).attr("purchases")
var next_pus = $(this).next().attr("purchases")
var prev_pus = $(this).prev().attr("purchases")
obj.find(".price-group").removeClass("act")
if (value_ == pus) {
$(this).addClass("act");
return false;
}
if ($(this).index() == 0) {
//第一个阶梯
if (value_ > pus) {
$(this).addClass("act");
return false;
}
}
if ($(this).index() == obj.find(".jt-group").length - 1) {
//最后一个阶梯
if (value_ < pus) {
$(this).addClass("act");
return false;
}
}
if (value_ < pus && value_ > next_pus) {
$(this).next().addClass("act")
return false;
}
if (value_ > pus && value_ < prev_pus) {
$(this).addClass("act")
return false;
}
})
//计算合计价格
var ac_price = obj.find(".price-group.act").find(".jtpc").text().replace(/\s/g, "")
obj.find(".totalrow").text(((ac_price * value_) || 0).toFixed(2))
},
pagehandle: function () {
$("body").on("click", ".M-pagebox a", function () {
if ($(this).attr("data-page")) { if ($(this).attr("data-page")) {
search.page = $(this).attr("data-page"); search.page = $(this).attr("data-page");
} else { } else {
......
resources/views/about/certification.blade.php
...@@ -28,6 +28,14 @@ ...@@ -28,6 +28,14 @@
<div class="text"><i class="icon iconfont icon-lansejiantou ijt"></i></div> <div class="text"><i class="icon iconfont icon-lansejiantou ijt"></i></div>
</div> </div>
<div class="item item1 boxsiz itemlast"> <div class="item item1 boxsiz itemlast">
<p>&nbsp;</p>
<div class="column verCenter rowCenter imgbox">
<img src="{{$public}}/assets/images/about/app1.png" class="st" alt="">
<img src="{{$public}}/assets/images/about/app2.png" class="ht" alt="">
</div>
<div class="text"><i class="icon iconfont icon-lansejiantou ijt"></i></div>
</div>
<div class="item item1 boxsiz itemlast">
<p>ISO9001：2015</p> <p>ISO9001：2015</p>
<div class="column verCenter rowCenter imgbox"> <div class="column verCenter rowCenter imgbox">
<img src="{{$public}}/assets/images/about/ht2.png" class="st" alt=""> <img src="{{$public}}/assets/images/about/ht2.png" class="st" alt="">
......
resources/views/classification/index.blade.php
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
@include('common.mallHeaderNav') @include('common.mallHeaderNav')
<div class="classbox w1200"> <div class="classbox w1200">
<div class="bread-menu row boxsiz"> <div class="bread-menu row boxsiz">
<a href="">Home</a> <a href="/mall">Home</a>
@if(!empty($crumbs['second_class'])) @if(!empty($crumbs['second_class']))
<i>></i> <i>></i>
<a href="/class/{{$crumbs['second_class']['class_id']}}">{{$crumbs['second_class']['class_name_en']}}</a> <a href="/class/{{$crumbs['second_class']['class_id']}}">{{$crumbs['second_class']['class_name_en']}}</a>
...@@ -19,23 +19,26 @@ ...@@ -19,23 +19,26 @@
<span>{{$crumbs['third_class']['class_name_en']}}</span> <span>{{$crumbs['third_class']['class_name_en']}}</span>
@endif @endif
</div> </div>
<input type="hidden" id="class_id_two" value="{{$crumbs['second_class']['class_id']??''}}">
<input type="hidden" id="class_id_three" value="{{$crumbs['third_class']['class_id']??''}}">
@if(!empty($classification['children']))
<div class="class-three-box boxsiz"> <div class="class-three-box boxsiz">
<div class="chead boxsiz">{{$classification['class_name_en']}}</div> <div class="chead boxsiz">{{$classification['class_name_en']}}({{$classification['sku_number']}})</div>
@if(!empty($classification['children']))
<div class="csec boxsiz clear"> <div class="csec boxsiz clear">
@foreach($classification['children'] as $class) @foreach($classification['children'] as $class)
<a href="/class/{{$class['class_id']}}">{{$class['class_name_en']}}</a> <a href="/class/{{$class['class_id']}}">{{$class['class_name_en']}}({{$class['sku_number']}})</a>
@endforeach @endforeach
</div> </div>
@endif
</div> </div>
@endif
<div class="shit-box boxsiz"> <div class="shit-box boxsiz">
<p class="titletext">Manufacturer</p> <p class="titletext">Manufacturer</p>
<div class="shift-con row boxsiz"> <div class="shift-con row boxsiz">
<div class="brand-box"> <div class="brand-box">
<span class="icon"><i class="icon iconfont icon-shouyesousuo"></i></span> <span class="icon"><i class="icon iconfont icon-shouyesousuo"></i></span>
<input type="text" placeholder="search"> <input type="text" placeholder="search" class="brandvals">
<div class="bcon boxsiz"> <div class="bcon boxsiz">
<p>TI</p> <p>TI</p>
</div> </div>
...@@ -45,18 +48,18 @@ ...@@ -45,18 +48,18 @@
<div class="listcon boxsiz w1200"> <div class="listcon boxsiz w1200">
<div class="row p25 bothSide"> <div class="row p25 bothSide">
<div class="countshead">Filtering results：19452</div> <div class="countshead">Filtering results：<span class="search_result_count">0</span></div>
<div class="butcon row"> <div class="butcon row">
<div class="but">Search</div> <div class="but searchbq">Search</div>
<div class="but">Reset</div> <div class="but resetst">Reset</div>
</div> </div>
</div> </div>
<div class="row p25 mb20"> <div class="row p25 mb20">
<div class="search-shit boxsiz"> <div class="search-shit boxsiz">
<span class="icon"><i class="icon iconfont icon-shouyesousuo"></i></span> <span class="icon searchbq"><i class="icon iconfont icon-shouyesousuo"></i></span>
<input type="text" placeholder="search"> <input type="text" placeholder="search" class="classsearchvals">
</div> </div>
<div class="check-group row verCenter "> <div class="check-group row verCenter eqsort checksearchsz">
<div class="check"> <div class="check">
<i class="icon iconfont icon-gou"></i> <i class="icon iconfont icon-gou"></i>
</div> </div>
...@@ -73,48 +76,8 @@ ...@@ -73,48 +76,8 @@
<div class="th">Options</div> <div class="th">Options</div>
</div> </div>
<div class="data-td"> <div class="data-td">
<div class="td-group boxsiz row">
<div class="td w180">
<a href="" class="goodsname">RC0603JR-0710KL</a>
<div class="copyname">
<i class="icon iconfont icon-fuzhi"></i>
</div>
</div>
<div class="td w180">
Texas Instruments
<div class="pdflink"> <i class="icon iconfont icon-PDF"></i></div>
</div>
<div class="td w280">
<div> Availability：10000</div>
<div> Min：100 <span class="mult">Mult：100</span></div>
<div> Full Reel：2500</div>
</div>
<div class="td w140">2-5 Weeks</div>
<div class="th w180">
<div class="price-jt">
<div class="price-group row">
<div class="jtpr">5000+</div>
<div class="jtpc">$22.2222</div>
</div>
<div class="price-group row">
<div class="jtpr">50+</div>
<div class="jtpc">$2222.2222</div>
</div>
</div>
</div>
<div class="td">
<div class="input-box ">
<input type="text" class="valuep" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
<div class="addCar">Add</div>
</div>
<div class="total-price">
Total：$144.5
</div>
</div>
</div>
</div> </div>
<div class="M-pagebox"></div>
</div> </div>
</div> </div>
</div> </div>
...@@ -122,6 +85,57 @@ ...@@ -122,6 +85,57 @@
</div> </div>
@endsection @endsection
@verbatim
<script id="DataTmp" type="text/html">
{{each data value index}}
<div class="td-group boxsiz row" goods_id="{{value.goods_id}}">
<div class="td w180">
<a href="/sku/{{value.goods_id}}" class="goodsname">{{value.goods_name}}</a>
<div class="copyname" goods_name="{{value.goods_name}}">
<i class="icon iconfont icon-fuzhi"></i>
</div>
</div>
<div class="td w180">
{{value.brand_name}}
{{if value.pdf}}
<a class="pdflink" href="{{value.pdf}}" target="_blank"> <i class="icon iconfont icon-PDF"></i></a>
{{/if}}
</div>
<div class="td w280">
<div> Availability：{{value.stock}}</div>
<div> Min：{{value.moq}} <span class="mult">Mult：{{value.mult}} </span></div>
<div> Full Reel：{{value.mpq}} </div>
</div>
<div class="td w140">{{value.hk_delivery_time||"&nbsp;"}}</div>
<div class="th w180">
<div class="price-jt">
{{each value['ladder_price'] val i}}
<div class="price-group row" purchases="{{val.purchases}}">
<div class="jtpr">{{val.purchases}}+</div>
<div class="jtpc">${{val.price_us}}</div>
</div>
{{/each}}
{{if !value['ladder_price']|| value['ladder_price'].length==0}}
&nbsp;
{{/if}}
</div>
</div>
<div class="td">
<div class="input-box ">
<input type="text" class="valuep valuepSearch" minNum="{{value.moq}}" maxNum="{{value.max_buy_stock}}" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
<div class="addCar addCarSearch" goods_id="{{value.goods_id}}">Add</div>
</div>
<div class="total-price">
Total：$<span class="totalrow">0.00</span>
</div>
</div>
</div>
{{/each}}
</script>
@endverbatim
@section('js') @section('js')
<script src="{{$public}}/assets/js/class/class.js?v={{time()}}"></script> <script src="{{$public}}/assets/js/class/class.js?v={{time()}}"></script>
@endsection @endsection
resources/views/common/headerNav.blade.php
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
</div> </div>
@endif @endif
<a href="/search" class="fr iconbx"><i class="icon iconfont icon-shouyesousuo"></i></a> <a href="/search" class="fr iconbx"><i class="icon iconfont icon-shouyesousuo"></i></a>
<a href="/car" class="fr carbc iconbx"><i class="icon iconfont icon-gouwuche"></i><span>99</span></a> <a href="/car" class="fr carbc iconbx"><i class="icon iconfont icon-gouwuche"></i><span class="carNum carNumxs">0</span></a>
</div> </div>
<div class="grb-bottom clr"> <div class="grb-bottom clr">
......
resources/views/common/mallFooter.blade.php
<div class="mall-footer"> <div class="mall-footer">
<div class="floor1 w1200"> <div class="floor1 w1200">
<div class="row"> <div class="row">
<div class="itemf3 trl"><b>30+</b>sku</div> <div class="itemf3 trl bgbts1"><b>30+</b>sku</div>
<div class="itemf3 trr"><b>5000+</b>Suppliers</div> <div class="itemf3 trr bgbts2"><b>5000+</b>Suppliers</div>
</div> </div>
<div class="row"> <div class="row">
<div class="itemf3 trl"><b>3000+</b> Brands</div> <div class="itemf3 trl bgbts3"><b>3000+</b> Manufacturers</div>
<div class="itemf3 trr"><b>1000+</b>Catalog</div> <div class="itemf3 trr bgbts4"><b>1000+</b>Catalog</div>
</div> </div>
</div> </div>
<div class="floor2 w1200 bannerEle"> <div class="floor2 w1200 bannerEle">
......
resources/views/common/mallHeaderNav.blade.php
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<input type="text" class="searchvalx mallsearchvalx" placeholder="Enter part #" value="{{request()->get('keyword')}}"> <input type="text" class="searchvalx mallsearchvalx" placeholder="Enter part #" value="{{request()->get('keyword')}}">
<div class="searchbtnx boxsiz mallsearchbtnx"><i class="icon iconfont icon-sousuo-shangcheng"></i></div> <div class="searchbtnx boxsiz mallsearchbtnx"><i class="icon iconfont icon-sousuo-shangcheng"></i></div>
</div> </div>
<a class="car-boxs" href="/car"><i class="icon iconfont icon-gouwuche"></i><span class="carNum">99</span></a> <a class="car-boxs" href="/car"><i class="icon iconfont icon-gouwuche"></i><span class="carNum carNumxs">0</span></a>
@if(!empty($_COOKIE['sem_email'])) @if(!empty($_COOKIE['sem_email']))
<div class="login-head-box yesLogin"> <div class="login-head-box yesLogin">
<a href="/user/order" class="row"> <a href="/user/order" class="row">
......
resources/views/home/home.blade.php
...@@ -15,6 +15,7 @@ ...@@ -15,6 +15,7 @@
<p>BE THE BEST PART</p> <p>BE THE BEST PART</p>
<p>OF YOURS</p> <p>OF YOURS</p>
<p class="p24">WHY CHOOSE SEMOUR?</p> <p class="p24">WHY CHOOSE SEMOUR?</p>
<img src="{{$public}}/assets/images/home/mallgif.gif" alt="">
</div> </div>
<div class="fl1botbox row rowCenter"> <div class="fl1botbox row rowCenter">
<a class="ftitem"> <a class="ftitem">
...@@ -42,19 +43,16 @@ ...@@ -42,19 +43,16 @@
</div> </div>
</div> </div>
<div class="floor2"> <div class="floor2">
<div class="f2con"> <video src="{{$public}}/assets/images/home/mallvadeo.mp4" width="1200" autoplay loop controls></video>
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> </div>
<div class="floor3"> <div class="floor3">
<div class="row"> <div class="row">
<div class="itemf3 trl"><b>30+</b>sku</div> <div class="itemf3 trl bgbts1"><b>30+</b>sku</div>
<div class="itemf3 trr"><b>5000+</b>Suppliers</div> <div class="itemf3 trr bgbts2"><b>5000+</b>Suppliers</div>
</div> </div>
<div class="row"> <div class="row">
<div class="itemf3 trl"><b>3000+</b> Brands</div> <div class="itemf3 trl bgbts3"><b>3000+</b> Manufacturers</div>
<div class="itemf3 trr"><b>1000+</b>Catalog</div> <div class="itemf3 trr bgbts4"><b>1000+</b>Catalog</div>
</div> </div>
</div> </div>
<div class="floor4"> <div class="floor4">
......
resources/views/mall/index.blade.php
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
<div class="w1200 mallindex"> <div class="w1200 mallindex">
<div class="floor1 row"> <div class="floor1 row">
<div class="f1left boxsiz"></div> <div class="f1left boxsiz"></div>
<div class="f1right">轮播图</div> <div class="f1right"></div>
</div> </div>
<div class="floor2 row "> <div class="floor2 row ">
<a class="item boxsiz row verCenter"> <a class="item boxsiz row verCenter">
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
</a> </a>
</div> </div>
<div class="floor3"> <div class="floor3">
<video src="{{$public}}/assets/images/home/mallvadeo.mp4" width="1200" autoplay loop controls></video>
</div> </div>
</div> </div>
@include('common.mallFooter') @include('common.mallFooter')
......
resources/views/search/index.blade.php
...@@ -85,43 +85,45 @@ ...@@ -85,43 +85,45 @@
@verbatim @verbatim
<script id="DataTmp" type="text/html"> <script id="DataTmp" type="text/html">
{{each data value index}} {{each data value index}}
<div class="td-group boxsiz row"> <div class="td-group boxsiz row" goods_id="{{value.goods_id}}">
<div class="td w180"> <div class="td w180">
<a href="" class="goodsname">RC0603JR-0710KL</a> <a href="/sku/{{value.goods_id}}" class="goodsname">{{value.goods_name}}</a>
<div class="copyname"> <div class="copyname" goods_name="{{value.goods_name}}">
<i class="icon iconfont icon-fuzhi"></i> <i class="icon iconfont icon-fuzhi"></i>
</div> </div>
</div> </div>
<div class="td w180"> <div class="td w180">
Texas Instruments {{value.brand_name}}
<div class="pdflink"> <i class="icon iconfont icon-PDF"></i></div> {{if value.pdf}}
<a class="pdflink" href="{{value.pdf}}" target="_blank"> <i class="icon iconfont icon-PDF"></i></a>
{{/if}}
</div> </div>
<div class="td w280"> <div class="td w280">
<div> Availability：10000</div> <div> Availability：{{value.stock}}</div>
<div> Min：100 <span class="mult">Mult：100</span></div> <div> Min：{{value.moq}} <span class="mult">Mult：{{value.mult}} </span></div>
<div> Full Reel：2500</div> <div> Full Reel：{{value.mpq}} </div>
</div> </div>
<div class="td w140">2-5 Weeks</div> <div class="td w140">{{value.hk_delivery_time||"&nbsp;"}}</div>
<div class="th w180"> <div class="th w180">
<div class="price-jt"> <div class="price-jt">
<div class="price-group row"> {{each value['ladder_price'] val i}}
<div class="jtpr">5000+</div> <div class="price-group row" purchases="{{val.purchases}}">
<div class="jtpc">$22.2222</div> <div class="jtpr">{{val.purchases}}+</div>
</div> <div class="jtpc">${{val.price_us}}</div>
<div class="price-group row"> </div>
<div class="jtpr">50+</div> {{/each}}
<div class="jtpc">$2222.2222</div> {{if !value['ladder_price']|| value['ladder_price'].length==0}}
</div> &nbsp;
{{/if}}
</div> </div>
</div> </div>
<div class="td"> <div class="td">
<div class="input-box "> <div class="input-box ">
<input type="text" class="valuep" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"> <input type="text" class="valuep valuepSearch" minNum="{{value.moq}}" maxNum="{{value.max_buy_stock}}" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
<div class="addCar">Add</div> <div class="addCar addCarSearch" goods_id="{{value.goods_id}}">Add</div>
</div> </div>
<div class="total-price"> <div class="total-price">
Total：$144.5 Total：$<span class="totalrow">0.00</span>
</div> </div>
</div> </div>
</div> </div>
......
routes/web.php
...@@ -40,7 +40,7 @@ Route::get('/about/termuser', 'AboutController@termuser')->name('about.termuser' ...@@ -40,7 +40,7 @@ Route::get('/about/termuser', 'AboutController@termuser')->name('about.termuser'
Route::get('/about/refund', 'AboutController@refund')->name('about.refund'); Route::get('/about/refund', 'AboutController@refund')->name('about.refund');
Route::get('/mall', 'MallController@index')->name('mall.index'); Route::get('/mall', 'MallController@index')->name('mall.index');
Route::get('/sku', 'SkuController@detail')->name('sku.detail'); Route::get('/sku/{goods_id}', 'SkuController@detail')->name('sku.detail');
Route::get('/class/{class_id}', 'ClassificationController@index')->name('classification.index'); Route::get('/class/{class_id}', 'ClassificationController@index')->name('classification.index');
Route::get('/brand/map', 'BrandController@map')->name('brand.map'); Route::get('/brand/map', 'BrandController@map')->name('brand.map');
Route::get('/brand/{id}', 'BrandController@info')->name('brand.info'); Route::get('/brand/{id}', 'BrandController@info')->name('brand.info');
......
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