Commit 9712f5f5 by 肖康

搜索代码 官网视频

parent 7e1c6263
......@@ -58,7 +58,7 @@ body{background: #000;min-width: 1200px;}
}
.floor2{
height:1074px;
background: url("../../images/about/qualitybg2.png") center top no-repeat;
background: url("../../images/about/bgg5.png") center top no-repeat;
.jscon{
width: 1200px;
height: 410px;
......@@ -359,9 +359,7 @@ body{background: #000;min-width: 1200px;}
padding-top:40px;
background: rgba(255,255,255,0);
&.itemlast{
margin-left: 285px;
}
img{display: block;margin: 0 auto;}
p{font-size: 22px; font-weight: bold;color:#fff;opacity: 0;}
......
......@@ -59,6 +59,7 @@
}
.bcon{
position: absolute;
z-index: 2;
top:30px;
left:0px;
width:294px;
......
.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}
\ No newline at end of file
.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
......@@ -47,7 +47,7 @@
position : fixed;
top : 70px;
left : 0px;
z-index: 6;
.ghn-con {
height: 112px;
width : 1500px;
......@@ -73,7 +73,6 @@
.ghn-right-box {
position: relative;
top : -30px;
.grb-top {
.yesLogin {
position: relative;
......@@ -786,8 +785,7 @@
}
&:hover {
background : url("../../images/common/footer9.png") no-repeat;
background-size: 100% 100%;
color : #fff;
b {
......@@ -796,6 +794,18 @@
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 @@
line-height: 22px;color:#555;
.jtpr{width:80px;box-sizing: border-box;padding-right: 5px;}
.jtpc{width:80px;}
&.act{color:#164D9A;}
}
a.goodsname{color:#555;&:hover{color:#164D9A;}}
.td{line-height: 22px;word-break:break-all;}
......
......@@ -16,6 +16,15 @@ body{background: #000;min-width: 1200px;}
.rtdes{
p{color:#fff;font-size: 60px;}
.p24{font-size: 24px;margin-top:30px;}
position: relative;
img{
display: block;position: absolute;
z-index: 1;
width:450px;
right:-50px;
top:-150px;
}
}
.fl1botbox{
margin-top:94px;
......@@ -47,12 +56,13 @@ body{background: #000;min-width: 1200px;}
}
}
.floor2{
height:600px;
height:480px;
background: url("../../images/home/bg2.png") center top no-repeat;
font-size: 24px;
color:#fff;
b{font-size: 40px;}
.f2con{width:500px;margin:0 auto;position: relative;top:260px;width:864px;}
video{width:1200px;margin:0 auto;display: block;}
}
.floor3{
padding-top: 4px;
......@@ -65,9 +75,21 @@ body{background: #000;min-width: 1200px;}
&.trr{padding-left: 122px;}
&.trl{text-align: right;padding-right: 122px;margin-right: 1px;}
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;}
}
&.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%;
}
}
}
......
.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}
\ 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{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
......@@ -52,7 +52,7 @@
}
}
.floor3{
height:380px;
height:480px;
margin-top: 12px;
background: url(../../images/mall/video.png) no-repeat;
background-size: 100% 100%;
......
.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}
\ No newline at end of file
.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
The file could not be displayed because it is too large.
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
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
......@@ -30,7 +30,8 @@ define('mallUi', ['tool', 'liexin_pop'], function (require, exports, module) {
}
})
})
tool.getCarNum();
/**上面官网商城通用**/
//官网
$(".gw-header-top .topclose").click(function () {
......
......@@ -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).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
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 liexin_pop = require("liexin_pop");
var artTemplate = require("artTemplate");
var pagination = require('pagination');
var search = {
page:1,
limit:10,
page: 1,
limit: 10,
init: function () {
search.handle();
search.pagehandle();
search.getData()
},
getData:function(){
var data_={
page:search.page,
page_size:search.limit
getData: function () {
var data_ = {
page: search.page,
page_size: search.limit
}
if($(".eqsort").hasClass("act")){
data_["goods_name/eq"]=$(".mallsearchvalx").val()
}else{
data_["goods_name/like"]=$(".mallsearchvalx").val()
if ($(".eqsort").hasClass("act")) {
data_["goods_name/eq"] = $(".mallsearchvalx").val()
} else {
data_["goods_name/like"] = $(".mallsearchvalx").val()
}
if($(".stockSort").hasClass("act")){
data_["stock/gte"]=1
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 ($(".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"
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) {
console.log(res)
$.liexin_ajax(SO_URL + '/semour/skuLists', 'POST', data_, function (res) {
if (res.code == 0) {
var dataArr=res.data.lists||[];
$(".searchCount").html(res.data.total||0)
if(dataArr.length==0){
var dataArr = res.data.lists || [];
$(".searchCount").html(res.data.total || 0)
if (dataArr.length == 0) {
tool.NoData(".data-td")
return
}
var json_={
data:dataArr
var json_ = {
data: dataArr
}
var html = template('DataTmp', json_);
$(".data-td").html(html);
//阶梯价格 合计价格初始化
$(".data-td .td-group").each(function () {
search.onePriceRow($(this))
})
//分页初始化
$('.M-pagebox').pagination({
coping: false,
......@@ -69,29 +73,106 @@ define('search', ['tool', 'liexin_pop','artTemplate','pagination'], function (re
},
handle: function () {
//排序操作
$(".checksearchsz").click(function(){
$(".checksearchsz").click(function () {
$(this).toggleClass("act")
search.getData()
})
$(".sort-item").click(function(){
$(".sort-item").click(function () {
$(".sort-item").removeClass("act");
$(this).addClass("act");
if($(this).hasClass("topbomsd")){
if($(this).hasClass("top")){
if ($(this).hasClass("topbomsd")) {
if ($(this).hasClass("top")) {
$(this).removeClass("top")
$(this).addClass("bottom")
}else{
} else {
$(this).addClass("top")
$(this).removeClass("bottom")
}
}
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")) {
search.page = $(this).attr("data-page");
} else {
......
......@@ -28,6 +28,14 @@
<div class="text"><i class="icon iconfont icon-lansejiantou ijt"></i></div>
</div>
<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>
<div class="column verCenter rowCenter imgbox">
<img src="{{$public}}/assets/images/about/ht2.png" class="st" alt="">
......
......@@ -9,22 +9,22 @@
@include('common.mallHeaderNav')
<div class="brandlist w1200">
<div class="bread-menu row boxsiz">
<a href="">Home</a>
<a href="/mall">Home</a>
<i>></i>
<a href="">Manufacturers</a>
<a href="/brand/map">Manufacturers</a>
<i>></i>
<span>NXP</span>
<span id="brandvalxsp" guid="{{$brand['standard_brand_id']}}">{{$brand['brand_name_en']}}</span>
</div>
<div class="cons">
<div class="namebox">NXP Semiconductors</div>
<div class="namebox">{{$brand['brand_name_en']}}</div>
<div class="listcon boxsiz w1200">
<div class="stbox">
<div>The Results of NXP Semiconductors <span class="searchCount">26</span></div>
<div>The Results of {{$brand['brand_name_en']}} <span class="brandlistCount">0</span></div>
<div class="row shifth">
<div class="sort-item">
<div>All Listings</div>
</div>
<div class="sort-item act top">
<div class="sort-item storeitems topbomsd ">
<div>Availability</div>
<span class="tp">
<i class="icon iconfont icon-a-sanjiaoxing-xiantiaofan kx"></i>
......@@ -35,7 +35,8 @@
<span class="icon iconfont icon-sanjiaoxing-tianchong sx"></span>
</span>
</div>
<div class="sort-item act bottom">
<div class="sort-item priceitems topbomsd ">
<div>Prices</div>
<span class="tp">
<i class="icon iconfont icon-a-sanjiaoxing-xiantiaofan kx"></i>
......@@ -46,21 +47,21 @@
<span class="icon iconfont icon-sanjiaoxing-tianchong sx"></span>
</span>
</div>
<div class="check-group row verCenter act">
<div class="check-group eqsort row checksearchsz verCenter ">
<div class="check">
<i class="icon iconfont icon-gou"></i>
</div>
<p>Exact Match</p>
</div>
<div class="check-group row verCenter ">
<div class="check-group stockSort checksearchsz row verCenter ">
<div class="check">
<i class="icon iconfont icon-gou"></i>
</div>
<p>Show what's available</p>
</div>
<div class="search-shit boxsiz">
<span class="icon"><i class="icon iconfont icon-shouyesousuo"></i></span>
<input type="text" placeholder="Search in the results">
<span class="icon searchbq"><i class="icon iconfont icon-shouyesousuo"></i></span>
<input type="text" placeholder="Search in the results" class="mallbrandlistvalx">
</div>
</div>
</div>
......@@ -74,55 +75,67 @@
<div class="th">Options</div>
</div>
<div class="data-td">
<div class="td-group boxsiz row">
</div>
<div class="M-pagebox"></div>
</div>
</div>
</div>
</div>
@include('common.mallFooter')
</div>
@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="" class="goodsname">RC0603JR-0710KL</a>
<div class="copyname">
<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">
Texas Instruments
<div class="pdflink"> <i class="icon iconfont icon-PDF"></i></div>
{{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:10000</div>
<div> Min:100 <span class="mult">Mult:100</span></div>
<div> Full Reel:2500</div>
<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">2-5 Weeks</div>
<div class="td w140">{{value.hk_delivery_time||"&nbsp;"}}</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>
{{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" 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>
<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:$144.5
</div>
</div>
</div>
</div>
</div>
Total:$<span class="totalrow">0.00</span>
</div>
</div>
</div>
@include('common.mallFooter')
</div>
@endsection
{{/each}}
</script>
@endverbatim
@section('js')
<script src="{{$public}}/assets/js/brand/list.js?v={{time()}}"></script>
......
......@@ -9,7 +9,7 @@
@include('common.mallHeaderNav')
<div class="classbox w1200">
<div class="bread-menu row boxsiz">
<a href="">Home</a>
<a href="/mall">Home</a>
@if(!empty($crumbs['second_class']))
<i>></i>
<a href="/class/{{$crumbs['second_class']['class_id']}}">{{$crumbs['second_class']['class_name_en']}}</a>
......@@ -19,23 +19,26 @@
<span>{{$crumbs['third_class']['class_name_en']}}</span>
@endif
</div>
<div class="class-three-box boxsiz">
<div class="chead boxsiz">{{$classification['class_name_en']}}</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="chead boxsiz">{{$classification['class_name_en']}}({{$classification['sku_number']}})</div>
<div class="csec boxsiz clear">
@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
</div>
@endif
</div>
@endif
<div class="shit-box boxsiz">
<p class="titletext">Manufacturer</p>
<div class="shift-con row boxsiz">
<div class="brand-box">
<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">
<p>TI</p>
</div>
......@@ -45,18 +48,18 @@
<div class="listcon boxsiz w1200">
<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="but">Search</div>
<div class="but">Reset</div>
<div class="but searchbq">Search</div>
<div class="but resetst">Reset</div>
</div>
</div>
<div class="row p25 mb20">
<div class="search-shit boxsiz">
<span class="icon"><i class="icon iconfont icon-shouyesousuo"></i></span>
<input type="text" placeholder="search">
<span class="icon searchbq"><i class="icon iconfont icon-shouyesousuo"></i></span>
<input type="text" placeholder="search" class="classsearchvals">
</div>
<div class="check-group row verCenter ">
<div class="check-group row verCenter eqsort checksearchsz">
<div class="check">
<i class="icon iconfont icon-gou"></i>
</div>
......@@ -73,54 +76,65 @@
<div class="th">Options</div>
</div>
<div class="data-td">
<div class="td-group boxsiz row">
</div>
<div class="M-pagebox"></div>
</div>
</div>
</div>
@include('common.mallFooter')
</div>
@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="" class="goodsname">RC0603JR-0710KL</a>
<div class="copyname">
<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">
Texas Instruments
<div class="pdflink"> <i class="icon iconfont icon-PDF"></i></div>
{{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:10000</div>
<div> Min:100 <span class="mult">Mult:100</span></div>
<div> Full Reel:2500</div>
<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">2-5 Weeks</div>
<div class="td w140">{{value.hk_delivery_time||"&nbsp;"}}</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>
{{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>
<div class="price-group row">
<div class="jtpr">50+</div>
<div class="jtpc">$2222.2222</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" 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>
<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:$144.5
</div>
Total:$<span class="totalrow">0.00</span>
</div>
</div>
</div>
</div>
</div>
</div>
@include('common.mallFooter')
</div>
@endsection
{{/each}}
</script>
@endverbatim
@section('js')
<script src="{{$public}}/assets/js/class/class.js?v={{time()}}"></script>
......
......@@ -27,7 +27,7 @@
</div>
@endif
<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 class="grb-bottom clr">
......
<div class="mall-footer">
<div class="floor1 w1200">
<div class="row">
<div class="itemf3 trl"><b>30+</b>sku</div>
<div class="itemf3 trr"><b>5000+</b>Suppliers</div>
<div class="itemf3 trl bgbts1"><b>30+</b>sku</div>
<div class="itemf3 trr bgbts2"><b>5000+</b>Suppliers</div>
</div>
<div class="row">
<div class="itemf3 trl"><b>3000+</b> Brands</div>
<div class="itemf3 trr"><b>1000+</b>Catalog</div>
<div class="itemf3 trl bgbts3"><b>3000+</b> Manufacturers</div>
<div class="itemf3 trr bgbts4"><b>1000+</b>Catalog</div>
</div>
</div>
<div class="floor2 w1200 bannerEle">
......
......@@ -6,7 +6,7 @@
<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>
<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']))
<div class="login-head-box yesLogin">
<a href="/user/order" class="row">
......
......@@ -15,6 +15,7 @@
<p>BE THE BEST PART</p>
<p>OF YOURS</p>
<p class="p24">WHY CHOOSE SEMOUR?</p>
<img src="{{$public}}/assets/images/home/mallgif.gif" alt="">
</div>
<div class="fl1botbox row rowCenter">
<a class="ftitem">
......@@ -42,19 +43,16 @@
</div>
</div>
<div class="floor2">
<div class="f2con">
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>
<video src="{{$public}}/assets/images/home/mallvadeo.mp4" width="1200" autoplay loop controls></video>
</div>
<div class="floor3">
<div class="row">
<div class="itemf3 trl"><b>30+</b>sku</div>
<div class="itemf3 trr"><b>5000+</b>Suppliers</div>
<div class="itemf3 trl bgbts1"><b>30+</b>sku</div>
<div class="itemf3 trr bgbts2"><b>5000+</b>Suppliers</div>
</div>
<div class="row">
<div class="itemf3 trl"><b>3000+</b> Brands</div>
<div class="itemf3 trr"><b>1000+</b>Catalog</div>
<div class="itemf3 trl bgbts3"><b>3000+</b> Manufacturers</div>
<div class="itemf3 trr bgbts4"><b>1000+</b>Catalog</div>
</div>
</div>
<div class="floor4">
......
......@@ -10,7 +10,7 @@
<div class="w1200 mallindex">
<div class="floor1 row">
<div class="f1left boxsiz"></div>
<div class="f1right">轮播图</div>
<div class="f1right"></div>
</div>
<div class="floor2 row ">
<a class="item boxsiz row verCenter">
......@@ -42,7 +42,7 @@
</a>
</div>
<div class="floor3">
<video src="{{$public}}/assets/images/home/mallvadeo.mp4" width="1200" autoplay loop controls></video>
</div>
</div>
@include('common.mallFooter')
......
......@@ -85,43 +85,45 @@
@verbatim
<script id="DataTmp" type="text/html">
{{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">
<a href="" class="goodsname">RC0603JR-0710KL</a>
<div class="copyname">
<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">
Texas Instruments
<div class="pdflink"> <i class="icon iconfont icon-PDF"></i></div>
{{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:10000</div>
<div> Min:100 <span class="mult">Mult:100</span></div>
<div> Full Reel:2500</div>
<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">2-5 Weeks</div>
<div class="td w140">{{value.hk_delivery_time||"&nbsp;"}}</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>
{{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>
<div class="price-group row">
<div class="jtpr">50+</div>
<div class="jtpc">$2222.2222</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" 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>
<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:$144.5
Total:$<span class="totalrow">0.00</span>
</div>
</div>
</div>
......
......@@ -40,7 +40,7 @@ Route::get('/about/termuser', 'AboutController@termuser')->name('about.termuser'
Route::get('/about/refund', 'AboutController@refund')->name('about.refund');
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('/brand/map', 'BrandController@map')->name('brand.map');
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