Skip to content

semour / semour_web

Go to a project
Commit 421fe5c9 by 肖康
Options

搜索品牌分类

parent 901bc0e5
Expand all
Inline Side-by-side
Showing with 589 additions and 23 deletions
public/assets/css/common/font/demo_index.html
...@@ -55,6 +55,12 @@ ...@@ -55,6 +55,12 @@
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe615;</span>
<div class="name">勾</div>
<div class="code-name">&amp;#xe615;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe611;</span> <span class="icon iconfont">&#xe611;</span>
<div class="name">头像</div> <div class="name">头像</div>
<div class="code-name">&amp;#xe611;</div> <div class="code-name">&amp;#xe611;</div>
...@@ -210,9 +216,9 @@ ...@@ -210,9 +216,9 @@
<pre><code class="language-css" <pre><code class="language-css"
>@font-face { >@font-face {
font-family: 'iconfont'; font-family: 'iconfont';
src: url('iconfont.woff2?t=1667469799217') format('woff2'), src: url('iconfont.woff2?t=1667551060391') format('woff2'),
url('iconfont.woff?t=1667469799217') format('woff'), url('iconfont.woff?t=1667551060391') format('woff'),
url('iconfont.ttf?t=1667469799217') format('truetype'); url('iconfont.ttf?t=1667551060391') format('truetype');
} }
</code></pre> </code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3> <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
...@@ -239,6 +245,15 @@ ...@@ -239,6 +245,15 @@
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-gou"></span>
<div class="name">
勾
</div>
<div class="code-name">.icon-gou
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-touxiang"></span> <span class="icon iconfont icon-touxiang"></span>
<div class="name"> <div class="name">
头像 头像
...@@ -474,6 +489,14 @@ ...@@ -474,6 +489,14 @@
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gou"></use>
</svg>
<div class="name">勾</div>
<div class="code-name">#icon-gou</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-touxiang"></use> <use xlink:href="#icon-touxiang"></use>
</svg> </svg>
<div class="name">头像</div> <div class="name">头像</div>
......
public/assets/css/common/font/iconfont.css
@font-face { @font-face {
font-family: "iconfont"; /* Project id 3734816 */ font-family: "iconfont"; /* Project id 3734816 */
src: url('iconfont.woff2?t=1667469799217') format('woff2'), src: url('iconfont.woff2?t=1667551060391') format('woff2'),
url('iconfont.woff?t=1667469799217') format('woff'), url('iconfont.woff?t=1667551060391') format('woff'),
url('iconfont.ttf?t=1667469799217') format('truetype'); url('iconfont.ttf?t=1667551060391') format('truetype');
} }
.iconfont { .iconfont {
...@@ -13,6 +13,10 @@ ...@@ -13,6 +13,10 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-gou:before {
content: "\e615";
}
.icon-touxiang:before { .icon-touxiang:before {
content: "\e611"; content: "\e611";
} }
......
public/assets/css/common/font/iconfont.json
...@@ -6,6 +6,13 @@ ...@@ -6,6 +6,13 @@
"description": "semour-icon", "description": "semour-icon",
"glyphs": [ "glyphs": [
{ {
"icon_id": "32678075",
"name": "勾",
"font_class": "gou",
"unicode": "e615",
"unicode_decimal": 58901
},
{
"icon_id": "32650984", "icon_id": "32650984",
"name": "头像", "name": "头像",
"font_class": "touxiang", "font_class": "touxiang",
......
public/assets/css/mall/mall.less
...@@ -3,13 +3,14 @@ ...@@ -3,13 +3,14 @@
margin-top: 7px; margin-top: 7px;
.f1left{ .f1left{
width:498px; width:498px;
height:381px; height:384px;
} }
.f1right{ .f1right{
margin-left: 1px; margin-left: 1px;
width:700px; width:700px;
height:381px; height:384px;
background: #ccc; background: url(../../images/mall/banner.png) no-repeat;
background-size: 100% 100%;
} }
} }
.floor2{ .floor2{
......
public/assets/css/mall/mall.min.css
.mallindex .floor1{margin-top:7px}.mallindex .floor1 .f1left{width:498px;height:381px}.mallindex .floor1 .f1right{margin-left:1px;width:700px;height:381px;background:#ccc}.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: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 \ No newline at end of file
public/assets/css/search/search.less 0 → 100644
.searchbox {
.listcon {
background: #fff;
padding : 25px 0;
.stbox {
padding : 0 25px;
font-size: 16px;
color : #555;
.searchCount {
color: #164D9A;
}
.shifth {
margin-top: 20px;
margin-bottom: 15px;
.check-group {
color : #555;
font-size: 16px;
cursor : pointer;
.check {
width : 22px;
height : 22px;
background : #FAFAFA;
border : 1px solid #DFEAFA;
border-radius: 4px;
text-align : center;
line-height : 20px;
i {
color : #164D9A;
font-size: 16px;
position : relative;
top : 1px;
display : none;
}
}
margin-left: 30px;
p {
height : 22px;
line-height: 22px;
margin-left: 9px;
}
&.act {
.check {
background: #DFEAFA;
border : 1px solid #164D9A;
i {
display: inline;
}
}
}
}
}
}
}
}
\ No newline at end of file
public/assets/css/search/search.min.css 0 → 100644
.searchbox .listcon{background:#fff;padding:25px 0}.searchbox .listcon .stbox{padding:0 25px;font-size:16px;color:#555}.searchbox .listcon .stbox .searchCount{color:#164D9A}.searchbox .listcon .stbox .shifth{margin-top:20px;margin-bottom:15px}.searchbox .listcon .stbox .shifth .check-group{color:#555;font-size:16px;cursor:pointer;margin-left:30px}.searchbox .listcon .stbox .shifth .check-group .check{width:22px;height:22px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;text-align:center;line-height:20px}.searchbox .listcon .stbox .shifth .check-group .check i{color:#164D9A;font-size:16px;position:relative;top:1px;display:none}.searchbox .listcon .stbox .shifth .check-group p{height:22px;line-height:22px;margin-left:9px}.searchbox .listcon .stbox .shifth .check-group.act .check{background:#DFEAFA;border:1px solid #164D9A}.searchbox .listcon .stbox .shifth .check-group.act .check i{display:inline}
\ No newline at end of file
public/assets/css/sku/sku.less 0 → 100644
.skubox{
.class-three-box{
width: 1200px;
background: #fff;
.chead{
width: 1200px;
height: 48px;
background: #DFEAFA;
line-height: 48px;
padding-left:26px;
color:#164D9A;
font-size: 20px;
font-weight: bold;
}
.csec{
width: 1200px;
max-height:160px;
overflow-y: auto;
padding:20px 50px;
&::-webkit-scrollbar {
width: 2px;
background-color: #EDEDED
}
&::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #164D9A;
}
a{color:#555;&:hover{color:#164D9A;} float:left;height:20px;width:25%;margin-bottom: 20px;}
}
}
.shit-box{
padding:20px 25px;
p.titletext{font-size: 14px;color:#333;margin-bottom: 15px;}
.brand-box{
width: 294px;
height: 30px;
background: #FFFFFF;
border: 1px solid #DFEAFA;
border-radius: 8px;
position: relative;
span.icon{
position: absolute;
left:15px;
top:6px;
i{
font-size: 18px;
color:#aaa;
}
}
input{
background: #fff;
display: block;
height: 30px;
line-height: 30px;
color:#333;
padding-left:42px;
}
.bcon{
position: absolute;
top:30px;
left:0px;
width:294px;
background: #fff;
box-shadow: 0px 0px 5px #ccc;
max-height: 150px;
overflow-y: auto;
display: none;
p{height:20px;line-height: 20px;padding:5px 15px;color:#333;font-size: 14px;cursor: pointer;&:hover{background: #F0F7FF;color:#164D9A;}}
&::-webkit-scrollbar {
width: 2px;
background-color: #EDEDED
}
&::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #164D9A;
}
}
}
}
.mb20{margin-bottom: 20px;}
.listcon{
background: #fff;
padding:25px 0px;
.p25{padding:0 25px;}
.countshead{color:#555;font-size: 16px;}
.butcon{
position: relative;
top:10px;
.but{
width: 100px;
height: 32px;
background: #164D9A;
border-radius: 8px;
text-align: center;
line-height: 32px;
color:#fff;
font-size: 16px;
margin-left: 30px;
}
}
.search-shit{
width: 350px;
height: 32px;
background: #FAFAFA;
border: 1px solid #DFEAFA;
border-radius: 8px;
position: relative;
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;
i{
font-size: 18px;
color:#fff;
}
}
input{
background: #fff;
display: block;
height: 30px;
line-height: 30px;
color:#333;
padding-left:15px;
width:305px;
}
}
.check-group{
color:#555;
font-size: 16px;
cursor: pointer;
.check{
width: 22px;
height: 22px;
background: #FAFAFA;
border: 1px solid #DFEAFA;
border-radius: 4px;
text-align: center;
line-height: 20px;
i{
color:#164D9A;
font-size: 16px;
position: relative;
top:1px;
display: none;
}
}
margin-left: 50px;
p{height:22px;line-height: 22px;margin-left: 9px;}
&.act{
.check{
background: #DFEAFA;
border: 1px solid #164D9A;
i{display: inline;}
}
}
}
}
}
\ No newline at end of file
public/assets/css/sku/sku.min.css 0 → 100644
.skubox .class-three-box{width:1200px;background:#fff}.skubox .class-three-box .chead{width:1200px;height:48px;background:#DFEAFA;line-height:48px;padding-left:26px;color:#164D9A;font-size:20px;font-weight:bold}.skubox .class-three-box .csec{width:1200px;max-height:160px;overflow-y:auto;padding:20px 50px}.skubox .class-three-box .csec::-webkit-scrollbar{width:2px;background-color:#EDEDED}.skubox .class-three-box .csec::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}.skubox .class-three-box .csec a{color:#555;float:left;height:20px;width:25%;margin-bottom:20px}.skubox .class-three-box .csec a:hover{color:#164D9A}.skubox .shit-box{padding:20px 25px}.skubox .shit-box p.titletext{font-size:14px;color:#333;margin-bottom:15px}.skubox .shit-box .brand-box{width:294px;height:30px;background:#FFFFFF;border:1px solid #DFEAFA;border-radius:8px;position:relative}.skubox .shit-box .brand-box span.icon{position:absolute;left:15px;top:6px}.skubox .shit-box .brand-box span.icon i{font-size:18px;color:#aaa}.skubox .shit-box .brand-box input{background:#fff;display:block;height:30px;line-height:30px;color:#333;padding-left:42px}.skubox .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}.skubox .shit-box .brand-box .bcon p{height:20px;line-height:20px;padding:5px 15px;color:#333;font-size:14px;cursor:pointer}.skubox .shit-box .brand-box .bcon p:hover{background:#F0F7FF;color:#164D9A}.skubox .shit-box .brand-box .bcon::-webkit-scrollbar{width:2px;background-color:#EDEDED}.skubox .shit-box .brand-box .bcon::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}.skubox .mb20{margin-bottom:20px}.skubox .listcon{background:#fff;padding:25px 0px}.skubox .listcon .p25{padding:0 25px}.skubox .listcon .countshead{color:#555;font-size:16px}.skubox .listcon .butcon{position:relative;top:10px}.skubox .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}.skubox .listcon .search-shit{width:350px;height:32px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative}.skubox .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}.skubox .listcon .search-shit span.icon i{font-size:18px;color:#fff}.skubox .listcon .search-shit input{background:#fff;display:block;height:30px;line-height:30px;color:#333;padding-left:15px;width:305px}.skubox .listcon .check-group{color:#555;font-size:16px;cursor:pointer;margin-left:50px}.skubox .listcon .check-group .check{width:22px;height:22px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;text-align:center;line-height:20px}.skubox .listcon .check-group .check i{color:#164D9A;font-size:16px;position:relative;top:1px;display:none}.skubox .listcon .check-group p{height:22px;line-height:22px;margin-left:9px}.skubox .listcon .check-group.act .check{background:#DFEAFA;border:1px solid #164D9A}.skubox .listcon .check-group.act .check i{display:inline}
\ No newline at end of file
public/assets/js/common/config.js
seajs.config({ seajs.config({
base: PUBLICXK + '/assets/js/', base: PUBLICXK + '/assets/js/',
alias: { alias: {
'jquery':"common/jquery-1.8.3.min",//jquery 'slide':"common/jquery.SuperSlide.2.1.3",//最强轮播 因为公共尾部有轮播 直接预加载
'tool':"common/tool",//工具 'tool':"common/tool",//工具
'liexin_ajax':"common/liexin_ajax.js" , 'liexin_ajax':"common/liexin_ajax.js" ,
'liexin_pop':"common/liexin_pop.js", 'liexin_pop':"common/liexin_pop.js",
'mallUi':"common/mallUi",//商城公用UI交互
}, },
charset: 'utf-8',// 文件编码, charset: 'utf-8',// 文件编码,
map:[ map:[
['.js','.js?v='+Date.now()] ['.js','.js?v='+Date.now()]
], ],
preload: ['jquery','liexin_ajax']//预加载模块 preload:(isMallXk?['liexin_ajax','slide','mallUi']:['liexin_ajax']) //预加载模块
}); });
\ No newline at end of file
seajs.use()
\ No newline at end of file
public/assets/js/common/mallUi.js
/**商城全局UIJS**/ /**商城全局UIJS**/
define('mallUi', ['tool'], function (require, exports, module) { define('mallUi', ['tool'], function (require, exports, module) {
var tool=require("tool"); var tool=require("tool");
var mallUi = { var mallUi = {
...@@ -13,7 +14,8 @@ define('mallUi', ['tool'], function (require, exports, module) { ...@@ -13,7 +14,8 @@ define('mallUi', ['tool'], function (require, exports, module) {
$(".mall-header-top").slideUp(500); $(".mall-header-top").slideUp(500);
tool.setCookie("topclose",1,30); tool.setCookie("topclose",1,30);
}) })
//底部无缝链接滚动
jQuery(".bannerEle").slide({mainCell:".bannerScrollboxs",autoPlay:true,effect:"leftMarquee",vis:9,interTime:50});
} }
} }
module.exports = mallUi.init(); module.exports = mallUi.init();
......
resources/views/common/js.blade.php
...@@ -3,4 +3,5 @@ ...@@ -3,4 +3,5 @@
const PUBLICXK="{{$public}}";//资源文件文件目录 js公用变量 const PUBLICXK="{{$public}}";//资源文件文件目录 js公用变量
</script> </script>
<script src="{{$public}}/assets/js/common/sea.js?v={{time()}}"></script> <script src="{{$public}}/assets/js/common/sea.js?v={{time()}}"></script>
<script src="{{$public}}/assets/js/common/jquery-1.8.3.min.js?v={{time()}}"></script>
<script src="{{$public}}/assets/js/common/config.js?v={{time()}}"></script> <script src="{{$public}}/assets/js/common/config.js?v={{time()}}"></script>
resources/views/common/mallFooter.blade.php
...@@ -9,4 +9,73 @@ ...@@ -9,4 +9,73 @@
<div class="itemf3 trr"><b>1000+</b>Catalog</div> <div class="itemf3 trr"><b>1000+</b>Catalog</div>
</div> </div>
</div> </div>
<div class="floor2 w1200 bannerEle">
<div class="bannerScrollboxs">
<a href="">
<img src="{{$public}}/assets/images/common/brand.png" alt="">
</a>
<a href="">
<img src="{{$public}}/assets/images/common/brand.png" alt="">
</a>
<a href="">
<img src="{{$public}}/assets/images/common/brand.png" alt="">
</a>
<a href="">
<img src="{{$public}}/assets/images/common/brand.png" alt="">
</a>
<a href="">
<img src="{{$public}}/assets/images/common/brand.png" alt="">
</a>
<a href="">
<img src="{{$public}}/assets/images/common/brand.png" alt="">
</a>
<a href="">
<img src="{{$public}}/assets/images/common/brand.png" alt="">
</a>
<a href="">
<img src="{{$public}}/assets/images/common/brand.png" alt="">
</a>
<a href="">
<img src="{{$public}}/assets/images/common/brand.png" alt="">
</a>
</div>
</div>
<div class="floor3 ">
<div class="conh w1200">
<div class="row rowCenter">
<img src="/assets/images/home/smlogo.png" alt="" class="logoftsm">
<div class="itemftsm">
<p>Company</p>
<a href="">About US</a>
<a href="">Certifications</a>
<a href="">IQC Center</a>
</div>
<div class="itemftsm">
<p class="w150">Help and Information</p>
<a href="">RFQ Form</a>
<a href="">BOM Tools</a>
<a href="">Exchange & Refund</a>
</div>
<div class="itemftsm lastitem">
<p>Legal</p>
<a href="">Terms and Conditions</a>
<a href="">Privacy Policy</a>
<a href="">Terms of Use</a>
</div>
<div class="itemftsp">
<p class="row"><span>A member of</span> <img src="/assets/images/home/lxlogo.png" alt="" class="logoftsm2"></p>
<span>Copyright © 2022 SEMOUR ELECTRONICS All rights reserved.</span>
</div>
</div>
<div class="row rowCenter dpbto">
<i class="icon iconfont icon-youxiang"></i>
<span>INFO@SEMOUR.COM</span>
<i class="icon iconfont icon-dizhi dflt"></i>
<span>FLOOR 12, SUNBEAM CENTER, 27 SHING YIP STREET, KWUN TONG, KOWLOON, HONG KONG</span>
</div>
</div>
</div>
</div> </div>
\ No newline at end of file
resources/views/layouts/appMall.blade.php
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSRF Token --> <!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}"> <meta name="csrf-token" content="{{ csrf_token() }}">
<title>@yield('title', '深茂商城')title描述</title> <title>@yield('title', '深茂官网')title描述</title>
@include("common.css") @include("common.css")
@yield('css') @yield('css')
...@@ -15,9 +15,11 @@ ...@@ -15,9 +15,11 @@
<div id="app"> <div id="app">
@yield('body') @yield('body')
</div> </div>
<script>
window.isMallXk=1;
</script>
<!-- JS 脚本 --> <!-- JS 脚本 -->
@include("common.js") @include("common.js")
<script src="{{$public}}/assets/js/common/mallUi.js?v={{time()}}"></script>
@yield('js') @yield('js')
</body> </body>
</html> </html>
resources/views/mall/index.blade.php
...@@ -3,8 +3,6 @@ ...@@ -3,8 +3,6 @@
<link rel="stylesheet" href="{{$public}}/assets/css/mall/mall.min.css?v={{time()}}"> <link rel="stylesheet" href="{{$public}}/assets/css/mall/mall.min.css?v={{time()}}">
@endsection @endsection
@section('body') @section('body')
<div class="mallpage"> <div class="mallpage">
@include('common.mallHeaderTop') @include('common.mallHeaderTop')
...@@ -44,7 +42,7 @@ ...@@ -44,7 +42,7 @@
</a> </a>
</div> </div>
<div class="floor3"> <div class="floor3">
</div> </div>
</div> </div>
@include('common.mallFooter') @include('common.mallFooter')
...@@ -52,6 +50,5 @@ ...@@ -52,6 +50,5 @@
@endsection @endsection
@section('js') @section('js')
<script src="{{$public}}/assets/js/common/mallui.js?v={{time()}}"></script>
<script src="{{$public}}/assets/js/mall/mall.js?v={{time()}}"></script> <script src="{{$public}}/assets/js/mall/mall.js?v={{time()}}"></script>
@endsection @endsection
\ No newline at end of file
resources/views/search/index.blade.php
@extends('layouts.appMall')
@section('css')
<link rel="stylesheet" href="{{$public}}/assets/css/search/search.min.css?v={{time()}}">
@endsection
@section('body')
<div class="mallpage">
@include('common.mallHeaderTop')
@include('common.mallHeaderNav')
<div class="searchbox w1200">
<div class="bread-menu row boxsiz">
<a href="">Home</a>
<i>></i>
<span>SourceHanSansCN-Regular</span>
</div>
<div class="listcon boxsiz w1200">
<div class="stbox">
<div>The Results of NXP Semiconductors <span class="searchCount">26</span></div>
<div class="row shifth">
<div class="sort-item">
</div>
<div class="check-group row 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">
<i class="icon iconfont icon-gou"></i>
</div>
<p>Show what's available</p>
</div>
</div>
</div>
<div class="datalistcon boxsiz">
<div class="list-th boxsiz row">
<div class="th w180">Part NO.</div>
<div class="th w180">Manufacturer</div>
<div class="th w280">Availability/Sales Unit/Full Reel</div>
<div class="th w140">Delivery date</div>
<div class="th w180">Prices</div>
<div class="th">Options</div>
</div>
<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>
</div>
@include('common.mallFooter')
</div>
@endsection
@section('js')
<script src="{{$public}}/assets/js/search/search.js?v={{time()}}"></script>
@endsection
\ No newline at end of file
resources/views/sku/detail.blade.php
@extends('layouts.appMall')
@section('css')
<link rel="stylesheet" href="{{$public}}/assets/css/sku/sku.min.css?v={{time()}}">
@endsection
@section('body')
<div class="mallpage">
@include('common.mallHeaderTop')
@include('common.mallHeaderNav')
<div class="skubox w1200">
<div class="bread-menu row boxsiz">
<a href="">Home</a>
<i>></i>
<a href="">Discrete Semiconductor Products</a>
<i>></i>
<span>Diodes - Zener - Single</span>
</div>
<div class="class-three-box boxsiz">
<div class="chead boxsiz">Discrete Semiconductor Products(100000)</div>
<div class="csec boxsiz clear">
<a href="">Diodes - Zener - Single(100000)</a>
<a href="">Diodes - Zener - Single(100000)</a>
</div>
</div>
<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">
<div class="bcon boxsiz">
<p>TI</p>
</div>
</div>
</div>
</div>
<div class="listcon boxsiz w1200">
<div class="row p25 bothSide">
<div class="countshead">Filtering results：19452</div>
<div class="butcon row">
<div class="but">Search</div>
<div class="but">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">
</div>
<div class="check-group row verCenter ">
<div class="check">
<i class="icon iconfont icon-gou"></i>
</div>
<p>Show what's available</p>
</div>
</div>
<div class="datalistcon boxsiz">
<div class="list-th boxsiz row">
<div class="th w180">Part NO.</div>
<div class="th w180">Manufacturer</div>
<div class="th w280">Availability/Sales Unit/Full Reel</div>
<div class="th w140">Delivery date</div>
<div class="th w180">Prices</div>
<div class="th">Options</div>
</div>
<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>
</div>
@include('common.mallFooter')
</div>
@endsection
@section('js')
<script src="{{$public}}/assets/js/sku/sku.js?v={{time()}}"></script>
@endsection
\ No newline at end of file
routes/web.php
...@@ -37,4 +37,7 @@ Route::get('/about/privacy', 'AboutController@privacy')->name('about.privacy'); ...@@ -37,4 +37,7 @@ Route::get('/about/privacy', 'AboutController@privacy')->name('about.privacy');
Route::get('/about/term', 'AboutController@term')->name('about.term'); Route::get('/about/term', 'AboutController@term')->name('about.term');
Route::get('/about/termuser', 'AboutController@termuser')->name('about.termuser'); 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('/search', 'SearchController@index')->name('search.idnex');
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