Commit c503037d by 肖康

导航分类

parent b1a69b5b
......@@ -26,6 +26,7 @@ class BrandController extends Controller
{
$brandList = BrandService::getStandardBrandList();
return view('brand.map',compact('brandList'));
}
......
......@@ -447,4 +447,29 @@
margin:0 auto;
margin-top: 24px;
}
}
.getCountryBox{
position: relative;
.conps{
display: none;
position: absolute;
top:33px;
left:0px;
width:320px;
height:200px;
overflow-y: auto;
background: #fff;
box-shadow: 0px 0px 10px #ccc;
padding:15px 0;
z-index: 2;
.citem{
height:28px;
line-height: 28px;
padding:0 20px;
color:#164D9A;
cursor: pointer;
&:hover{background: #DFEAFA;}
}
}
}
\ No newline at end of file
......@@ -600,7 +600,12 @@
font-size : 14px;
flex : 0 0 33.33%;
margin-bottom: 16px;
overflow: hidden;
height: 16px;
text-overflow: ellipsis;
white-space: nowrap;
box-sizing: border-box;
padding-right: 5px;
&:hover {
color: #164D9A;
}
......
......@@ -165,14 +165,12 @@
word-break : break-all;
line-height: 22px;
.default-btn{
width: 160px;
height: 32px;
line-height: 32px;
line-height: 22px;
text-align: center;
background: #FAFAFA;
border: 1px solid #DFEAFA;
background: #f3f3f3;
border: 1px solid #ccc;
border-radius: 4px;
margin-left: 70px
width: 113px;
}
.bot {
width : 74px;
......
.accountbox .user-right{width:1024px;min-height:350px;background:#FFFFFF;padding:18px 12px}.accountbox .user-right .nav{border-bottom:1px solid #DFEAFA}.accountbox .user-right .nav .item{height:38px;font-size:16px;color:#222;text-align:center;box-sizing:border-box;padding:0px 30px;line-height:38px;cursor:pointer}.accountbox .user-right .nav .item .tt{width:80px}.accountbox .user-right .nav .item.act{font-weight:bold;border-bottom:4px solid #164D9A}.accountbox .user-right .section .boxinfo{width:1000px;background:#F7FAFF;border-radius:8px;margin:0 auto;box-sizing:border-box;padding:25px 46px;margin-top:10px}.accountbox .user-right .section .grp{font-size:14px;color:#555;margin-bottom:35px}.accountbox .user-right .section .grp:last-child{margin-bottom:0px}.accountbox .user-right .section .grp .labels{width:200px;color:#333;font-weight:bold}.accountbox .user-right .section .grp .labels span{color:#F68332}.accountbox .user-right .section .grp .lval{width:200px;margin-right:70px}.accountbox .user-right .section .grp .edit{color:#164D9A;cursor:pointer}.accountbox .user-right .section .changebtn{width:150px;height:32px;background:#164D9A;border-radius:8px;font-size:14px;color:#fff;text-align:center;line-height:32px;cursor:pointer}.accountbox .user-right .addressbox{margin-top:16px}.accountbox .user-right .addressbox .addbtn{width:150px;line-height:32px;color:#fff;text-align:center;height:32px;background:#164D9A;border-radius:8px;margin-bottom:15px;cursor:pointer}.accountbox .user-right .addressbox .list-table .w56{width:56px}.accountbox .user-right .addressbox .list-table .w200{width:190px}.accountbox .user-right .addressbox .list-table .w160{width:160px}.accountbox .user-right .addressbox .list-table .w140{width:140px}.accountbox .user-right .addressbox .list-table .thead{width:1000px;height:48px;background:#DFEAFA;border-radius:8px 8px 0px 0px;height:39px;line-height:39px;padding:0 22px;border-bottom:1px solid #DFEAFA;box-sizing:border-box}.accountbox .user-right .addressbox .list-table .thead .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.accountbox .user-right .addressbox .list-table .tbody{width:1000px;background:#F7FAFF;box-sizing:border-box;border-radius:0px 0px 8px 8px;padding:0 22px}.accountbox .user-right .addressbox .list-table .tr{padding:22px 0px;border-bottom:1px solid #DFEAFA}.accountbox .user-right .addressbox .list-table .tr:last-child{border:0px}.accountbox .user-right .addressbox .list-table .tr .td{font-size:14px;color:#555;box-sizing:border-box;padding-right:5px;word-break:break-all;line-height:22px}.accountbox .user-right .addressbox .list-table .tr .td .default-btn{width:160px;height:32px;line-height:32px;text-align:center;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;margin-left:70px}.accountbox .user-right .addressbox .list-table .tr .td .bot{width:74px;height:32px;font-size:14px;background:#164D9A;border-radius:4px;line-height:74px;color:#fff;text-align:center;line-height:32px;cursor:pointer}.accountbox .user-right .addressbox .list-table .tr .td .bot.delbtns{background:#FFD7BB;color:#A74703;margin-left:10px}.gobtn{background:#F68332 !important}.getCountryBox{position:relative}.getCountryBox .conps{display:none;position:absolute;top:33px;left:0px;width:320px;height:200px;overflow-y:auto;background:#fff;box-shadow:0 0 10px #ccc;padding:15px 0;z-index:2}.getCountryBox .conps .citem{height:28px;line-height:28px;padding:0 20px;color:#164D9A;cursor:pointer}.getCountryBox .conps .citem:hover{background:#DFEAFA}
\ No newline at end of file
.accountbox .user-right{width:1024px;min-height:350px;background:#FFFFFF;padding:18px 12px}.accountbox .user-right .nav{border-bottom:1px solid #DFEAFA}.accountbox .user-right .nav .item{height:38px;font-size:16px;color:#222;text-align:center;box-sizing:border-box;padding:0px 30px;line-height:38px;cursor:pointer}.accountbox .user-right .nav .item .tt{width:80px}.accountbox .user-right .nav .item.act{font-weight:bold;border-bottom:4px solid #164D9A}.accountbox .user-right .section .boxinfo{width:1000px;background:#F7FAFF;border-radius:8px;margin:0 auto;box-sizing:border-box;padding:25px 46px;margin-top:10px}.accountbox .user-right .section .grp{font-size:14px;color:#555;margin-bottom:35px}.accountbox .user-right .section .grp:last-child{margin-bottom:0px}.accountbox .user-right .section .grp .labels{width:200px;color:#333;font-weight:bold}.accountbox .user-right .section .grp .labels span{color:#F68332}.accountbox .user-right .section .grp .lval{width:200px;margin-right:70px}.accountbox .user-right .section .grp .edit{color:#164D9A;cursor:pointer}.accountbox .user-right .section .changebtn{width:150px;height:32px;background:#164D9A;border-radius:8px;font-size:14px;color:#fff;text-align:center;line-height:32px;cursor:pointer}.accountbox .user-right .addressbox{margin-top:16px}.accountbox .user-right .addressbox .addbtn{width:150px;line-height:32px;color:#fff;text-align:center;height:32px;background:#164D9A;border-radius:8px;margin-bottom:15px;cursor:pointer}.accountbox .user-right .addressbox .list-table .w56{width:56px}.accountbox .user-right .addressbox .list-table .w200{width:190px}.accountbox .user-right .addressbox .list-table .w160{width:160px}.accountbox .user-right .addressbox .list-table .w140{width:140px}.accountbox .user-right .addressbox .list-table .thead{width:1000px;height:48px;background:#DFEAFA;border-radius:8px 8px 0px 0px;height:39px;line-height:39px;padding:0 22px;border-bottom:1px solid #DFEAFA;box-sizing:border-box}.accountbox .user-right .addressbox .list-table .thead .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.accountbox .user-right .addressbox .list-table .tbody{width:1000px;background:#F7FAFF;box-sizing:border-box;border-radius:0px 0px 8px 8px;padding:0 22px}.accountbox .user-right .addressbox .list-table .tr{padding:22px 0px;border-bottom:1px solid #DFEAFA}.accountbox .user-right .addressbox .list-table .tr:last-child{border:0px}.accountbox .user-right .addressbox .list-table .tr .td{font-size:14px;color:#555;box-sizing:border-box;padding-right:5px;word-break:break-all;line-height:22px}.accountbox .user-right .addressbox .list-table .tr .td .default-btn{line-height:22px;text-align:center;background:#f3f3f3;border:1px solid #ccc;border-radius:4px;width:113px}.accountbox .user-right .addressbox .list-table .tr .td .bot{width:74px;height:32px;font-size:14px;background:#164D9A;border-radius:4px;line-height:74px;color:#fff;text-align:center;line-height:32px;cursor:pointer}.accountbox .user-right .addressbox .list-table .tr .td .bot.delbtns{background:#FFD7BB;color:#A74703;margin-left:10px}.gobtn{background:#F68332 !important}.getCountryBox{position:relative}.getCountryBox .conps{display:none;position:absolute;top:33px;left:0px;width:320px;height:200px;overflow-y:auto;background:#fff;box-shadow:0 0 10px #ccc;padding:15px 0;z-index:2}.getCountryBox .conps .citem{height:28px;line-height:28px;padding:0 20px;color:#164D9A;cursor:pointer}.getCountryBox .conps .citem:hover{background:#DFEAFA}
\ No newline at end of file
define('confirm', ['liexin_pop'], function (require, exports, module) {
var liexin_pop=require("liexin_pop");
var liexin_pop = require("liexin_pop");
var tool=require("tool")
var confirm = {
defaultAddressInfo:"",
init: function () {
confirm.handle();
confirm.getAddress();
},
getAddress: function () {
$.liexin_ajax('/api/user_address/list', 'GET', {}, function (res) {
if (res.code == 0) {
var dataArr = res.data || [];
for(var i=0;i<dataArr.length;i++){
if(dataArr[i].is_default==1){
confirm.defaultAddressInfo=dataArr[i]
}
}
console.log(confirm.defaultAddressInfo)
} else {
liexin_pop.Tip({ title: res.msg })
}
})
},
handle:function(){
handle: function () {
//新增编辑
$("body").on("click",".popaddressbtn",function(){
var guid_=$(this).attr("guid");
var isAdd=$(this).hasClass("addbtn")?1:0;
$("body").on("click", ".popaddressbtn", function () {
var guid_ = $(this).attr("guid");
var isAdd = $(this).hasClass("addbtn") ? 1 : 0;
liexin_pop.Open({
title:(isAdd?"Add Address":"Change Address"),
width:766,
height:595,
class:"addressOpen",
ele:".addressPop",
success:function(){
title: (isAdd ? "Add Address" : "Change Address"),
width: 766,
height: 595,
class: "addressOpen",
ele: ".addressPop",
success: function () {
}
})
})
//选择地址
$("body").on("click",".choosebtadress",function(){
$("body").on("click", ".choosebtadress", function () {
liexin_pop.Open({
title:"Choose Address",
width:1000,
class:"addressChoose",
ele:".choose-popcheck",
success:function(){
title: "Choose Address",
width: 1000,
class: "addressChoose",
ele: ".choose-popcheck",
success: function () {
}
})
})
//删除
$("body").on("click",".delbtn",function(){
liexin_pop.Confirm({title:"你确定不放开那个女孩吗?",success:function(ele){
ele.fadeOut(300)
}})
$("body").on("click", ".delbtn", function () {
liexin_pop.Confirm({
title: "你确定不放开那个女孩吗?", success: function (ele) {
ele.fadeOut(300)
}
})
})
}
//国家操作
$("body").on("input", '.getCountry', tool.debounce(function (e) {
var str_ = $(this).val();
$(this).attr("guid", "")
var count_ = 0;
if (str_) {
$(".countryconent").show();
$(".countryconent .citem").each(function () {
if (($(this).text().toLocaleLowerCase()).indexOf((str_.toLocaleLowerCase())) != -1) {
$(this).show()
count_++;
} else {
$(this).hide()
}
})
if (count_ == 0) {
$(".countryconent").hide();
}
} else {
$(".countryconent").hide();
}
}, 300))
$("body").on("click", ".citem", function () {
$(".getCountry").val($(this).text()).attr("guid", $(this).attr("guid"))
$(".countryconent").hide();
})
//选中默认
$("body").on("click", ".chooseaddresx", function () {
$(this).toggleClass("act")
})
//选择个人
$("body").on("click", ".check-group-addressp", function () {
$(".check-group-addressp").removeClass("act")
$(this).addClass("act")
})
//获取国家
confirm.getCountry()
},
//获取国家
getCountry: function () {
$.liexin_ajax('/api/country/list', 'GET', {}, function (res) {
if (res.code === 0) {
var html_ = "";
for (var i = 0; i < res.data.length; i++) {
html_ += '<div class="citem" guid="' + res.data[i].id + '">' + res.data[i].name + '</div>'
}
$(".countryconent").html(html_)
} else {
}
}, 1)
},
}
module.exports = confirm.init();
})
......
......@@ -190,14 +190,14 @@
<div class="addressPop" style="display:none;">
<div class="inputboxp">
<div class="checkbox row">
<div class="check-group row act">
<div class="check-group row act check-group-addressp" guid="1">
<p class="row verCenter rowCenter">
<font></font>
</p>
<span>Company</span>
</div>
<div class="check-group row">
<p>
<div class="check-group row check-group-addressp" guid="2">
<p class="row verCenter rowCenter">
<font></font>
</p>
<span>Personal</span>
......@@ -207,63 +207,66 @@
<div class="row">
<div class="input-group-auth">
<p class="labelp"><span>*</span>EMAIL</p>
<input type="text">
<input type="text" class="email6 verify" verifyTip='{"type":"null","text":"EMAIL"}'>
</div>
<div class="input-group-auth ml30">
<p class="labelp"><span>*</span>TELEPHONE</p>
<input type="text">
<input type="text" class="telephone6 verify" verifyTip='{"type":"null","text":"TELEPHONE"}'>
</div>
</div>
<div class="row">
<div class="input-group-auth sm ">
<p class="labelp"><span>*</span>FIRST NAME</p>
<input type="text">
<input type="text" class="first_name6 verify" verifyTip='{"type":"null","text":"FIRST NAME"}'>
</div>
<div class="input-group-auth sm ml30">
<p class="labelp"><span>*</span>LAST NAME</p>
<input type="text">
<input type="text" class="last_name6 verify" verifyTip='{"type":"null","text":"LAST NAME"}'>
</div>
<div class="input-group-auth ml30">
<p class="labelp"><span>*</span>COMPANY NAME</p>
<input type="text">
<input type="text" class="company_name6 verify" verifyTip='{"type":"null","text":"COMPANY NAME"}'>
</div>
</div>
<div class="row">
<div class="input-group-auth">
<p class="labelp"><span>*</span>ADDRESS</p>
<textarea name=""></textarea>
<textarea name="" class="address6 verify" verifyTip='{"type":"null","text":"ADDRESS"}'></textarea>
</div>
</div>
<div class="row">
<div class="input-group-auth">
<p class="labelp"><span>*</span>COUNTRY/REGIONL</p>
<select name="">
<option value="">CHAIN</option>
<option value="">USA</option>
</select>
<div class="getCountryBox">
<input type="text" class="getCountry country6 verify" verifyTip='{"type":"null","text":"COUNTRY/REGION"}'>
<div class="conps scrollbar boxsiz countryconent">
<div class="citem">ddd</div>
<div class="citem">ttt</div>
</div>
</div>
</div>
<div class="input-group-auth ml30">
<p class="labelp">PROVINCE</p>
<input type="text">
<p class="labelp">STATE</p>
<input type="text" class="state6">
</div>
</div>
<div class="row">
<div class="input-group-auth">
<p class="labelp"><span>*</span>CITY</p>
<input type="text">
<input type="text" class="city6 verify" verifyTip='{"type":"null","text":"CITY"}'>
</div>
<div class="input-group-auth ml30">
<p class="labelp"><span>*</span>POST CODE</p>
<input type="text">
<input type="text" class="post_code6 verify" verifyTip='{"type":"null","text":"POST CODE"}'>
</div>
</div>
<div class="tips">Wrong Email Address</div>
<div class="tips"></div>
<div class="row subbtn">
<div class="choose row">
<div class="choose row act chooseaddresx">
<div class="chooseicon"></div>
<span>Save to the address list</span>
<span>Default address</span>
</div>
<div class="but gobtn gonext">SAVE</div>
<div class="but gobtn gonext addressPopBtn">SAVE</div>
</div>
</div>
......
......@@ -38,7 +38,7 @@
<li class="oneli fr"><a href="#" class="onea frqbtnxs">RFQ</a></li>
<li class="oneli fr"><a href="/mall" class="onea">STORE</a></li>
<li class="oneli fr">
<a href="" class="onea">ABOUT US</a>
<a href="/about/company" class="onea">ABOUT US</a>
<ul class="twonav">
<li class="twoli"><a href="/about/company" class="twoa">Company Profile</a></li>
<li class="twoli"><a href="/about/certification" class="twoa">Certification</a></li>
......
......@@ -8,7 +8,7 @@
</div>
<a class="car-boxs" href="/car"><i class="icon iconfont icon-gouwuche"></i><span class="carNum">99</span></a>
@if(!empty($_COOKIE['sem_email']))
<div class="login-head-box yesLogin" >
<div class="login-head-box yesLogin">
<a href="/user/order" class="row">
<span><i class="icon iconfont icon-touxiang"></i></span>
<div class="username">{{$_COOKIE['sem_email']}}</div>
......@@ -21,13 +21,13 @@
</div>
</div>
@else
<div class="login-head-box notLogin" >
<div class="login-head-box notLogin">
<a href="/login?referer={{\Illuminate\Support\Facades\URL::current()}}">Login</a>
<font>/</font><a href="/reg?referer={{\Illuminate\Support\Facades\URL::current()}}">Register</a>
</div>
@endif
<a href="/about/company" class="about-link">Contact Us</a>
</div>
</div>
......@@ -36,81 +36,34 @@
<div class="allpro">
<a href="/mall" class="act li">All Products</a>
<div class="procon boxsiz">
@foreach ($classification as $key=>$item)
<div class="groupboxx">
<div class="headboxx row">
<img src="{{$public}}/assets/images/common/class1.png" alt="">
<p>Actives</p>
<p>{{$item['class_name']}}</p>
</div>
<div class="conboxx row">
<a href="" class="erji">Diodes</a>
<a href="" class="erji">Transistors</a>
<a href="" class="erji">Optoelectronics</a>
<a href="" class="erji">Sensors</a>
<a href="" class="erji">Memory</a>
<a href="" class="erji">Microcontrollers</a>
@foreach ($item['children'] as $itemchild)
<a href="/class/{{$itemchild['class_id']}}" class="erji" title="{{$itemchild['class_name_en']}}" target="_blank">{{$itemchild['class_name_en']}}</a>
@endforeach
</div>
<div class="rightboxx boxsiz">
@foreach ($item['children'] as $itemchild)
<div class="grouprightx">
<a class="p">Discrete Semiconductor Products</a>
<a class="p" title="{{$itemchild['class_name_en']}}" target="_blank" href="/class/{{$itemchild['class_id']}}">{{$itemchild['class_name_en']}}</a>
<div class="threeClass boxsiz row">
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
</div>
</div>
</div>
</div>
<div class="groupboxx">
<div class="headboxx row">
<img src="{{$public}}/assets/images/common/class2.png" alt="">
<p>Actives</p>
</div>
<div class="conboxx row">
<a href="" class="erji">Diodes</a>
<a href="" class="erji">Transistors</a>
<a href="" class="erji">Optoelectronics</a>
<a href="" class="erji">Sensors</a>
<a href="" class="erji">Memory</a>
<a href="" class="erji">Microcontrollers</a>
</div>
<div class="rightboxx boxsiz">
<div class="grouprightx">
<a class="p">Discrete Semiconductor Products2</a>
<div class="threeClass boxsiz row">
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
</div>
</div>
</div>
</div>
<div class="groupboxx">
<div class="headboxx row">
<img src="{{$public}}/assets/images/common/class3.png" alt="">
<p>Actives</p>
</div>
<div class="conboxx row">
<a href="" class="erji">Diodes</a>
<a href="" class="erji">Transistors</a>
<a href="" class="erji">Optoelectronics</a>
<a href="" class="erji">Sensors</a>
<a href="" class="erji">Memory</a>
<a href="" class="erji">Microcontrollers</a>
</div>
<div class="rightboxx boxsiz">
<div class="grouprightx">
<a class="p">Discrete Semiconductor Products3</a>
<div class="threeClass boxsiz row">
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
@foreach ($itemchild['children'] as $itemchild3)
<a target="_blank" href="/class/{{$itemchild3['class_name_en']??''}}" title="{{$itemchild3['class_name_en']??''}}">{{$itemchild3['class_name_en']??''}}<span>({{$itemchild3['sku_number']??''}})</span></a>
@endforeach
</div>
</div>
@endforeach
</div>
</div>
@endforeach
</div>
</div>
<a href="/brand/map" class="li">Manufacturers</a>
......
......@@ -41,9 +41,8 @@ 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('/class', '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/list', 'BrandController@list')->name('brand.list');
Route::get('/brand/{id}', 'BrandController@info')->name('brand.info');
Route::get('/search', 'SearchController@index')->name('search.index');
......
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