Skip to content

semour / semour_web

Go to a project
Commit 901bc0e5 by 肖康
Options

商城 首页 共用组件 头尾部

parent b5bd661c
Expand all
Inline Side-by-side
Showing with 614 additions and 128 deletions
public/assets/css/common/common.less
......@@ -14,7 +14,7 @@
z-index: 2;
div{
width:100%;height:100%;
span{i{cursor: pointer;color:#fff;font-size: 18px;}transition: all 0.5s;float:right;margin-right: 20px; &:hover{transform:rotate(90deg);color:#333;}}
span{i{cursor: pointer;color:#fff;font-size: 18px;transition: all 0.5s;}float:right;margin-right: 20px; &:hover{i{color:#333;}}}
}
}
......@@ -74,7 +74,15 @@
color:#fff;
}
}
.fr{margin-left: 34px;&.clj{position: relative;top:6px;font{color:#fff;letter-spacing: -3px;}}}
.fr{
margin-left: 34px;
.fz-16{font-size: 16px;}
&.clj{position: relative;top:6px;
.icon-touxiang{font-size: 18px;position: relative;top:-1px;margin-right: 3px;}
font{color:#fff;letter-spacing: -3px;}
}
}
i.icon{font-size: 30px;}
}
.grb-bottom{
......@@ -145,3 +153,235 @@
}
}
/**商城公用样式**/
.mallpage{
background: #fafafa;
.w1200{width:1200px;margin:0 auto;}
/**商城顶部**/
.mall-header-top{
background: #F68332;
height:70px;
line-height: 70px;
font-size: 24px;
color:#fff;
top:0px;
position: relative;
div{
width:100%;height:100%;
span{
position: absolute;
right:20px;
i{cursor: pointer;color:#fff;font-size: 18px;transition: all 0.5s;}
&:hover{
i{color:#333;}
}
}
}
}
.mall-header-nav{
background: #fff;
.search-car{
margin-top: 16px;
.cons{
height:48px;
.search-input-box{
width: 340px;
margin-left: 140px;
height:48px;
line-height: 44px;
border: 2px solid #164D9A;
input{background: none;color:#333;line-height: 44px;height:44px;padding-left:18px;width:268px;}
.searchbtnx{
width: 68px;
height: 46px;
background: #164D9A;
line-height: 44px;
color:#fff;
cursor: pointer;
text-align: center;
position: relative;left:1px;
top:-1px;
i{font-size: 30px;}
}
}
.car-boxs{
cursor: pointer;
position: relative;
margin-left: 42px;
i{ font-size: 32px;
color:#164D9A;}
span{
position: absolute;
height:24px;
display: block;
width:24px;
background: #E94141;
border-radius: 24px;
color:#fff;
right:-20px;top:-11px;
line-height: 24px;
text-align: center;
font-size: 14px;
}
}
.login-head-box{
margin-left: 38px;color:#164D9A;
a{font-size: 16px;color:#164D9A;&:hover{color:#F68332;i{color:#F68332;}}}
width:124px;
&.notLogin{text-align: center;}
&.yesLogin{
a{font-size: 14px;}
i{color:#164D9A;font-size: 16px;}
div{
width: 108px;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
.about-link{
font-size: 16px;color:#164D9A;&:hover{color:#F68332;}
margin-left: 30px;
}
}
}
.nav-box{
height:64px;
margin-top: 33px;
border-bottom: 1px solid #545C76;
a.li{
height:64px;
display: block;
box-sizing: border-box;
min-width: 150px;
padding:0 15px;
color:#333;
font-size: 20px;
line-height: 64px;
margin-right: 15px;
&:hover{color:#164D9A;}
&.act{color:#fff;background: #164D9A;}
}
.allpro{
position: relative;
.procon{
display: none;
position: absolute;
border-top:7px solid #fafafa;
background: #ccc;
width:498px;
height:392px;
left:0px;
top:65px;
background-color: #fff;
z-index: 1;
.groupboxx{
padding-top:17px;
padding-left:14px;
.headboxx{
height:28px;
line-height: 28px;
img{width:26px;height:28px;vertical-align: middle;}
p{color:#333;font-size: 14px;margin-left: 7px;}
}
.conboxx{
margin-top: 14px;
padding-left:33px;
flex-wrap: wrap;
a.erji{
color:#333;
font-size: 14px;
flex:0 0 33.33%;
margin-bottom: 18px;
&:hover{color:#164D9A;}
}
}
.rightboxx{
display: none;
position: absolute;
left:498px;
top:0px;
width:702px;
border-left:4px solid #F0F7FF;
background: #fff;;
height:381px;
z-index: 1;
padding:24px;
overflow-y: auto;
&::-webkit-scrollbar {
width: 2px;
background-color: #EDEDED
}
&::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #164D9A
}
.grouprightx{
margin-bottom: 24px;
a.p{
height:18px;
line-height: 18px;
color:#333;
cursor: pointer;
display: block;
border-left:4px solid #164D9A;
padding-left:10px;
&:hover{color:#164D9A;}
margin-bottom: 15px;
}
.threeClass{
flex-wrap: wrap;
a{
color:#333;font-size: 12px;
margin-bottom: 8px;
flex:0 0 33.33%;
&:hover{color:#164D9A;}
}
}
}
}
&:hover{
.rightboxx{display: block;}
background: #F0F7FF;
.headboxx p{color:#164D9A;}
}
}
}
&:hover{
.procon{
display: block;
}
}
}
}
}
.mall-footer{
margin-top: 18px;
.floor1{
.row{margin-bottom: 1px;}
.itemf3{
height:200px;width:50%;background:rgba(27, 32, 55, 0.1);color:#333;
font-size: 24px;
line-height: 200px;
margin-bottom: 1px;
font-weight: bold;
&.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/common/footer9.png") no-repeat;background-size: 100% 100%;
color:#fff;
b{font-size: 60px;font-weight: bold;color:#fff;}
}
}
}
}
}
public/assets/css/common/font/demo_index.html
......@@ -55,6 +55,12 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe611;</span>
<div class="name">头像</div>
<div class="code-name">&amp;#xe611;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60e;</span>
<div class="name">PDF</div>
<div class="code-name">&amp;#xe60e;</div>
......@@ -73,12 +79,6 @@
</li>
<li class="dib">
<span class="icon iconfont">&#xe611;</span>
<div class="name">QUALITY CONTROL-单色</div>
<div class="code-name">&amp;#xe611;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe612;</span>
<div class="name">购物车</div>
<div class="code-name">&amp;#xe612;</div>
......@@ -97,12 +97,6 @@
</li>
<li class="dib">
<span class="icon iconfont">&#xe616;</span>
<div class="name">PROCUREMENT-单色</div>
<div class="code-name">&amp;#xe616;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe617;</span>
<div class="name">三角形-线条 正</div>
<div class="code-name">&amp;#xe617;</div>
......@@ -216,10 +210,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1667008031062') format('woff2'),
url('iconfont.woff?t=1667008031062') format('woff'),
url('iconfont.ttf?t=1667008031062') format('truetype'),
url('iconfont.svg?t=1667008031062#iconfont') format('svg');
src: url('iconfont.woff2?t=1667469799217') format('woff2'),
url('iconfont.woff?t=1667469799217') format('woff'),
url('iconfont.ttf?t=1667469799217') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
......@@ -246,6 +239,15 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-touxiang"></span>
<div class="name">
头像
</div>
<div class="code-name">.icon-touxiang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-PDF"></span>
<div class="name">
PDF
......@@ -273,15 +275,6 @@
</li>
<li class="dib">
<span class="icon iconfont icon-a-QUALITYCONTROL-danse"></span>
<div class="name">
QUALITY CONTROL-单色
</div>
<div class="code-name">.icon-a-QUALITYCONTROL-danse
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gouwuche"></span>
<div class="name">
购物车
......@@ -309,15 +302,6 @@
</li>
<li class="dib">
<span class="icon iconfont icon-PROCUREMENT-danse"></span>
<div class="name">
PROCUREMENT-单色
</div>
<div class="code-name">.icon-PROCUREMENT-danse
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-a-sanjiaoxing-xiantiaozheng"></span>
<div class="name">
三角形-线条 正
......@@ -490,6 +474,14 @@
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-touxiang"></use>
</svg>
<div class="name">头像</div>
<div class="code-name">#icon-touxiang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-PDF"></use>
</svg>
<div class="name">PDF</div>
......@@ -514,14 +506,6 @@
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-a-QUALITYCONTROL-danse"></use>
</svg>
<div class="name">QUALITY CONTROL-单色</div>
<div class="code-name">#icon-a-QUALITYCONTROL-danse</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gouwuche"></use>
</svg>
<div class="name">购物车</div>
......@@ -546,14 +530,6 @@
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-PROCUREMENT-danse"></use>
</svg>
<div class="name">PROCUREMENT-单色</div>
<div class="code-name">#icon-PROCUREMENT-danse</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-a-sanjiaoxing-xiantiaozheng"></use>
</svg>
<div class="name">三角形-线条 正</div>
......
public/assets/css/common/font/iconfont.css
@font-face {
font-family: "iconfont"; /* Project id 3734816 */
src: url('iconfont.woff2?t=1667008031062') format('woff2'),
url('iconfont.woff?t=1667008031062') format('woff'),
url('iconfont.ttf?t=1667008031062') format('truetype'),
url('iconfont.svg?t=1667008031062#iconfont') format('svg');
src: url('iconfont.woff2?t=1667469799217') format('woff2'),
url('iconfont.woff?t=1667469799217') format('woff'),
url('iconfont.ttf?t=1667469799217') format('truetype');
}
.iconfont {
......@@ -14,6 +13,10 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-touxiang:before {
content: "\e611";
}
.icon-PDF:before {
content: "\e60e";
}
......@@ -26,10 +29,6 @@
content: "\e610";
}
.icon-a-QUALITYCONTROL-danse:before {
content: "\e611";
}
.icon-gouwuche:before {
content: "\e612";
}
......@@ -42,10 +41,6 @@
content: "\e614";
}
.icon-PROCUREMENT-danse:before {
content: "\e616";
}
.icon-a-sanjiaoxing-xiantiaozheng:before {
content: "\e617";
}
......
public/assets/css/common/font/iconfont.json
......@@ -6,6 +6,13 @@
"description": "semour-icon",
"glyphs": [
{
"icon_id": "32650984",
"name": "头像",
"font_class": "touxiang",
"unicode": "e611",
"unicode_decimal": 58897
},
{
"icon_id": "32555467",
"name": "PDF",
"font_class": "PDF",
......@@ -27,13 +34,6 @@
"unicode_decimal": 58896
},
{
"icon_id": "32555470",
"name": "QUALITY CONTROL-单色",
"font_class": "a-QUALITYCONTROL-danse",
"unicode": "e611",
"unicode_decimal": 58897
},
{
"icon_id": "32555471",
"name": "购物车",
"font_class": "gouwuche",
......@@ -55,13 +55,6 @@
"unicode_decimal": 58900
},
{
"icon_id": "32555475",
"name": "PROCUREMENT-单色",
"font_class": "PROCUREMENT-danse",
"unicode": "e616",
"unicode_decimal": 58902
},
{
"icon_id": "32555476",
"name": "三角形-线条 正",
"font_class": "a-sanjiaoxing-xiantiaozheng",
......
public/assets/css/common/font/iconfont.svg
......@@ -14,22 +14,20 @@
/>
<missing-glyph />
<glyph glyph-name="touxiang" unicode="&#58897;" d="M501.80172 354.564056a271.18153 271.18153 0 0 1 272.572205 268.863739 272.572205 272.572205 0 0 1-545.144409 0 271.18153 271.18153 0 0 1 272.572204-268.863739z m112.181078-25.959257H410.017202a342.10593 342.10593 0 0 1-344.423721-338.861024v-19.933001C65.593481-128 217.640561-128 410.017202-128h203.965596c185.423268 0 344.423721 0 344.423721 97.810774v19.933001a342.10593 342.10593 0 0 1-344.423721 338.861024z" horiz-adv-x="1024" />
<glyph glyph-name="PDF" unicode="&#58894;" d="M150.843077-124.061538A88.615385 88.615385 0 0 0 74.830769-49.230769V817.230769A89.796923 89.796923 0 0 0 150.449231 892.061538h472.615384l326.104616-325.710769V-49.230769a92.947692 92.947692 0 0 0-78.769231-73.255385H150.843077zM827.076923-72.073846a72.467692 72.467692 0 0 1 66.953846 69.316923V598.252308h-213.070769a27.963077 27.963077 0 0 0-25.6 24.418461V840.073846H191.409231a64.984615 64.984615 0 0 1-64.590769-66.953846v-780.603077a81.132308 81.132308 0 0 1 66.166153-64.196923H827.076923zM732.947692 324.923077a449.378462 449.378462 0 0 1-109.095384-11.815385 512 512 0 0 0-109.095385 138.633846c29.538462 100.430769 32.689231 165.021538 9.058462 196.923077a62.227692 62.227692 0 0 1-47.261539 23.63077 66.166154 66.166154 0 0 1-53.169231-29.538462c-29.144615-53.169231 14.966154-157.538462 35.446154-196.923077a1134.276923 1134.276923 0 0 0-91.372307-215.04c-165.021538-73.649231-167.778462-118.153846-167.778462-132.726154a53.563077 53.563077 0 0 1 29.144615-47.261538 93.735385 93.735385 0 0 1 26.781539-5.907692c39.384615 0 91.372308 47.261538 147.298461 144.541538a1290.24 1290.24 0 0 0 206.375385 67.741538 214.646154 214.646154 0 0 1 129.575385-53.16923c26.781538 0 85.464615 0 88.615384 59.076923-0.393846 23.630769-11.815385 61.833846-94.523077 61.833846zM255.606154 98.067692h-5.907692a127.212308 127.212308 0 0 0 61.833846 47.261539 108.701538 108.701538 0 0 0-55.926154-47.261539z m224.098461 430.473846a129.181538 129.181538 0 0 0-11.815384 88.221539C467.889231 620.307692 472.615385 620.307692 472.615385 620.307692h5.907692a163.84 163.84 0 0 0 1.181538-91.766154z m259.15077-271.36a177.624615 177.624615 0 0 0-52.775385 14.966154 236.307692 236.307692 0 0 0 44.110769 2.756923c35.446154-2.756923 41.353846-8.664615 44.110769-14.572307a72.861538 72.861538 0 0 0-35.446153-3.15077zM494.276923 366.276923c-17.723077-41.353846-35.446154-82.313846-53.169231-120.910769l3.15077 3.150769-3.15077-3.150769a841.255385 841.255385 0 0 0 118.153846 35.446154h2.756924a454.498462 454.498462 0 0 0-67.741539 85.464615z" horiz-adv-x="1024" />
<glyph glyph-name="dizhi" unicode="&#58895;" d="M512-124.342857a64 64 0 0 0-46.445714 20.114286 1123.108571 1123.108571 0 0 0-219.428572 309.394285 820.297143 820.297143 0 0 0-95.817143 333.165715A358.4 358.4 0 0 0 512 892.342857a358.4 358.4 0 0 0 361.691429-354.011428c0-185.051429-146.285714-485.668571-315.977143-643.291429a64.365714 64.365714 0 0 0-45.714286-19.382857z m0 69.485714z m0 877.714286a290.377143 290.377143 0 0 1-292.571429-284.525714C219.428571 372.297143 358.034286 91.428571 512-54.857143c155.062857 146.285714 292.571429 427.154286 292.571429 593.188572A290.377143 290.377143 0 0 1 512 822.857143z m0-451.291429A194.925714 194.925714 0 1 0 708.022857 566.857143 194.925714 194.925714 0 0 0 512 373.394286z m0 321.828572A127.268571 127.268571 0 1 1 640.365714 566.857143 127.268571 127.268571 0 0 1 512 695.222857z" horiz-adv-x="1024" />
<glyph glyph-name="guanbi" unicode="&#58896;" d="M70.542222-114.346667a56.888889 56.888889 0 0 0-39.822222 17.066667 56.888889 56.888889 0 0 0 0 80.213333L913.066667 865.28A56.888889 56.888889 0 1 0 993.28 782.222222L113.777778-97.28a56.888889 56.888889 0 0 0-43.235556-17.066667zM953.457778-114.346667a56.888889 56.888889 0 0 0-40.391111 17.066667L30.72 782.222222A56.888889 56.888889 0 0 0 113.777778 865.28l879.502222-882.346667a56.888889 56.888889 0 0 0 0-80.213333 56.888889 56.888889 0 0 0-39.822222-17.066667z" horiz-adv-x="1024" />
<glyph glyph-name="a-QUALITYCONTROL-danse" unicode="&#58897;" d="M510.843871 835.88129A1885.646452 1885.646452 0 0 0 707.220645 780.387097C776.258065 758.420645 845.956129 736.289032 891.870968 725.388387h10.24V387.303226c0-325.532903-374.255484-447.421935-392.258065-452.211613-16.516129 4.789677-388.624516 126.67871-388.624516 452.211613V721.754839H132.129032c46.245161 10.900645 116.603871 33.032258 184.980645 55.329032a1848.650323 1848.650323 0 0 0 193.734194 58.797419m0 60.11871C462.451613 896 221.976774 807.63871 117.925161 782.534194c-28.738065-6.606452-56.32-6.606452-56.32-56.485162V387.303226c0-368.144516 412.903226-503.907097 429.419355-512a63.752258 63.752258 0 0 1 38.482581 0c18.002581 8.423226 432.392258 144.185806 432.392258 512V726.049032c0 51.034839-56.32 56.485161-56.32 56.485162C801.527742 807.63871 559.40129 896 510.843871 896zM731.829677 604.655484a41.620645 41.620645 0 0 1-24.113548-8.91871L453.202581 341.058065l-135.267097 134.44129a36.335484 36.335484 0 0 1-23.948387 10.24 33.032258 33.032258 0 0 1-23.452903-53.512258l1.816774-1.651613L452.541935 250.384516l300.263226 300.263226a33.032258 33.032258 0 0 1 0 45.089032 28.738065 28.738065 0 0 1-20.975484 8.91871z" horiz-adv-x="1024" />
<glyph glyph-name="gouwuche" unicode="&#58898;" d="M417.788758 6.99948a67.49878 67.49878 0 1 0-67.49878-67.178881 67.178881 67.178881 0 0 0 67.49878 67.178881zM768.078636 6.99948a67.49878 67.49878 0 1 0-67.49878-67.178881 67.178881 67.178881 0 0 0 67.49878 67.178881zM848.693293 60.742584H363.725754a104.607114 104.607114 0 0 0-101.40812 87.972344L163.148811 796.191377a23.352659 23.352659 0 0 1-21.433262 18.554167H40.627328a40.627228 40.627228 0 0 0 0 81.254456h101.088221a104.287215 104.287215 0 0 0 101.40812-87.652444L342.292492 160.231307a23.992457 23.992457 0 0 1 21.753162-18.554167h484.647639a40.627228 40.627228 0 1 0 0-80.934556zM416.189261 224.211194a40.307328 40.307328 0 0 0-2.239296 80.614656l377.481329 22.392961A95.969829 95.969829 0 0 1 864.048465 378.08282l75.176367 278.632405a29.750647 29.750647 0 0 0 0 4.158693 21.113362 21.113362 0 0 1 1.599497 15.994971 19.833765 19.833765 0 0 1-12.795977 3.838794H363.725754a40.627228 40.627228 0 1 0 0 80.934556H928.028352a95.969829 95.969829 0 0 0 80.614656-39.34763 95.969829 95.969829 0 0 0 7.997486-88.612143l-75.176366-278.952304a20.793463 20.793463 0 0 0 0-4.158693 175.304889 175.304889 0 0 0-143.954744-105.246913l-377.48133-22.39296z" horiz-adv-x="1024" />
<glyph glyph-name="fanhui" unicode="&#58899;" d="M183.558695 335.163077h780.209231a61.046154 61.046154 0 1 1 0 122.092308h-748.307692l248.516923 249.698461a59.076923 59.076923 0 0 1 0 85.464616 58.683077 58.683077 0 0 1-85.070769 0L18.931003 432.836923A69.316923 69.316923 0 0 1 0.81408 384a51.2 51.2 0 0 1 18.116923-48.836923l359.975385-359.581539a60.258462 60.258462 0 0 1 85.070769 85.464616z" horiz-adv-x="1024" />
<glyph glyph-name="a-sanjiaoxing-xiantiaofan" unicode="&#58900;" d="M1024-59.733333H0L512 827.733333zM150.869333 27.648h722.261334L512 652.970667z" horiz-adv-x="1024" />
<glyph glyph-name="PROCUREMENT-danse" unicode="&#58902;" d="M200.70917-128a79.759006 79.759006 0 0 0-79.759005 79.759006v766.279702a79.923797 79.923797 0 0 0 79.759005 79.923796h135.78806V861.736751a31.969519 31.969519 0 1 0 63.774246 0v-63.774247h223.457048V861.736751a31.969519 31.969519 0 1 0 63.774246 0v-63.774247h135.78806a79.923797 79.923797 0 0 0 79.759005-79.923796v-766.279702A79.759006 79.759006 0 0 0 823.29083-128z m0 862.023467a16.479133 16.479133 0 0 1-16.479133-16.479133v-766.279702a16.479133 16.479133 0 0 1 16.479133-16.479134h622.58166a16.479133 16.479133 0 0 1 16.479133 16.479134V718.038708a16.479133 16.479133 0 0 1-16.479133 16.479133h-135.78806v-16.479133a30.651188 30.651188 0 0 0-9.228314-22.082039 31.475145 31.475145 0 0 0-22.576413-9.393106 31.969519 31.969519 0 0 0-31.969519 31.969519v16.479133H400.271476v-16.479133a31.969519 31.969519 0 1 0-63.774246 0v16.479133zM279.973802 502.491643a40.538668 40.538668 0 0 0 40.538668 40.538668h382.97506a40.538668 40.538668 0 1 0 0-80.912545H320.51247a40.538668 40.538668 0 0 0-40.538668 40.373877z m0-191.48753a40.538668 40.538668 0 0 0 40.538668 40.373877h287.231295a40.373877 40.373877 0 1 0 0-80.747754H320.51247a40.373877 40.373877 0 0 0-40.538668 40.373877z m40.538668-151.113653a40.538668 40.538668 0 1 1 0-80.912545H512a40.538668 40.538668 0 0 1 0 80.912545H320.51247z" horiz-adv-x="1024" />
<glyph glyph-name="a-sanjiaoxing-xiantiaozheng" unicode="&#58903;" d="M0 827.733333h1024L512-59.733333z m873.130667-87.381333H150.869333l361.130667-625.322667z" horiz-adv-x="1024" />
<glyph glyph-name="lansejiantou" unicode="&#58904;" d="M3992.96-85.76H103.04a103.04 103.04 0 1 0 0 206.08h3889.92a103.04 103.04 0 0 0 0-206.08zM3992.96-85.76a103.04 103.04 0 0 0-72.96 30.72L3187.2 677.76a103.04 103.04 0 0 0 145.28 145.28l733.44-732.8a103.68 103.68 0 0 0-72.96-176z" horiz-adv-x="4096" />
......
public/assets/css/home/home.less
......@@ -30,8 +30,7 @@ body{background: #000;min-width: 1200px;}
&.ftlast{margin-right: 0px;}
div{height:88px;width:88px;margin:0 auto;background: #fff;border-radius: 88px;text-align: center;
transition: all 0.8s;
svg,i{font-size: 47px;position: relative;top:18px;transition: all 0.8s;}
i{display: none;}
i{font-size: 47px;position: relative;top:18px;color:#283FEB;}
}
p{text-align: center;font-size: 30px;color:#fff;margin-top: 38px;margin-bottom: 24px;}
i.ijt{color:#283FEB;transition: all 0.8s; }
......@@ -40,8 +39,7 @@ body{background: #000;min-width: 1200px;}
i.ijt{color:#F68332;}
div{
background: none;
svg{display: none;}
i{display: inline;color:#fff;}
i{font-size:60px;color:#fff;}
}
}
}
......
public/assets/css/home/home.min.css
.gw-header-nav{position:fixed;top:70px}body{background:#000;min-width:1200px}.homepage{background:#000}.homepage .floor1{height:1021px;width:100%;background:url("../../images/home/bg1.png") center top no-repeat}.homepage .floor1 .fl1-con{padding-top:440px;width:1200px;margin:0 auto}.homepage .floor1 .fl1-con .rtdes p{color:#fff;font-size:60px}.homepage .floor1 .fl1-con .rtdes .p24{font-size:24px;margin-top:30px}.homepage .floor1 .fl1-con .fl1botbox{margin-top:94px}.homepage .floor1 .fl1-con .fl1botbox .ftitem{width:390px;padding-top:38px;padding-bottom:42px;background:rgba(2,11,51,0.75);margin-right:15px;text-align:center;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem.ftlast{margin-right:0px}.homepage .floor1 .fl1-con .fl1botbox .ftitem div{height:88px;width:88px;margin:0 auto;background:#fff;border-radius:88px;text-align:center;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem div svg,.homepage .floor1 .fl1-con .fl1botbox .ftitem div i{font-size:47px;position:relative;top:18px;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem div i{display:none}.homepage .floor1 .fl1-con .fl1botbox .ftitem p{text-align:center;font-size:30px;color:#fff;margin-top:38px;margin-bottom:24px}.homepage .floor1 .fl1-con .fl1botbox .ftitem i.ijt{color:#283FEB;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover{background:rgba(40,63,235,0.75)}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover i.ijt{color:#F68332}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover div{background:none}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover div svg{display:none}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover div i{display:inline;color:#fff}.homepage .floor2{height:600px;background:url("../../images/home/bg2.png") center top no-repeat;font-size:24px;color:#fff}.homepage .floor2 b{font-size:40px}.homepage .floor2 .f2con{width:500px;margin:0 auto;position:relative;top:260px;width:864px}.homepage .floor3{padding-top:4px}.homepage .floor3 .row{margin-bottom:1px}.homepage .floor3 .itemf3{height:200px;width:50%;background:#1B2037;color:#fff;font-size:30px;line-height:200px;margin-bottom:1px}.homepage .floor3 .itemf3.trr{padding-left:122px}.homepage .floor3 .itemf3.trl{text-align:right;padding-right:122px;margin-right:1px}.homepage .floor3 .itemf3 b{font-size:40px;font-weight:bold;margin-right:10px}.homepage .floor3 .itemf3:hover{background:url("../../images/home/subj.png") no-repeat;background-size:100% 100%}.homepage .floor3 .itemf3:hover b{font-size:100px;font-weight:bold}.homepage .floor4{padding-top:60px;text-align:center;padding-bottom:60px}.homepage .floor4 p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.homepage .floor4 .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.homepage .floor4 .but.but-lk{background:none;margin-left:39px}.homepage .footfixedcor{height:160px;width:100%;background:rgba(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}.pop-show-box{position:fixed;z-index:9999;top:0;left:0;bottom:0;right:0}.pop-show-box .pop-show-con{min-height:200px;background:rgba(255,255,255,0.3);backdrop-filter:blur(5px);border-radius:16px;margin:0 auto;position:relative;box-sizing:border-box}.pop-show-box .pop-show-con .pop-head{height:50px;color:#fff;font-size:20px;font-weight:bold;margin-bottom:25px}.pop-show-box .pop-show-con .pop-head span{position:relative;top:30px;left:37px}.pop-show-box .pop-show-con .pop-head p{color:#fff;float:right;cursor:pointer;position:relative;top:16px;left:-16px}.pop-show-box .pop-show-con .pop-body{padding:0 50px}
\ No newline at end of file
.gw-header-nav{position:fixed;top:70px}body{background:#000;min-width:1200px}.homepage{background:#000}.homepage .floor1{height:1021px;width:100%;background:url("../../images/home/bg1.png") center top no-repeat}.homepage .floor1 .fl1-con{padding-top:440px;width:1200px;margin:0 auto}.homepage .floor1 .fl1-con .rtdes p{color:#fff;font-size:60px}.homepage .floor1 .fl1-con .rtdes .p24{font-size:24px;margin-top:30px}.homepage .floor1 .fl1-con .fl1botbox{margin-top:94px}.homepage .floor1 .fl1-con .fl1botbox .ftitem{width:390px;padding-top:38px;padding-bottom:42px;background:rgba(2,11,51,0.75);margin-right:15px;text-align:center;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem.ftlast{margin-right:0px}.homepage .floor1 .fl1-con .fl1botbox .ftitem div{height:88px;width:88px;margin:0 auto;background:#fff;border-radius:88px;text-align:center;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem div 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}.pop-show-box{position:fixed;z-index:9999;top:0;left:0;bottom:0;right:0}.pop-show-box .pop-show-con{min-height:200px;background:rgba(255,255,255,0.3);backdrop-filter:blur(5px);border-radius:16px;margin:0 auto;position:relative;box-sizing:border-box}.pop-show-box .pop-show-con .pop-head{height:50px;color:#fff;font-size:20px;font-weight:bold;margin-bottom:25px}.pop-show-box .pop-show-con .pop-head span{position:relative;top:30px;left:37px}.pop-show-box .pop-show-con .pop-head p{color:#fff;float:right;cursor:pointer;position:relative;top:16px;left:-16px}.pop-show-box .pop-show-con .pop-body{padding:0 50px}
\ No newline at end of file
public/assets/css/mall/mall.less 0 → 100644
.mallindex{
.floor1{
margin-top: 7px;
.f1left{
width:498px;
height:381px;
}
.f1right{
margin-left: 1px;
width:700px;
height:381px;
background: #ccc;
}
}
.floor2{
margin-top: 12px;
.item{
width: 392px;
height: 179px;
background:rgba(2, 11, 51, 0.75);
transition: all 0.5s;
margin-right: 12px;
padding-left:48px;
&:last-child{
margin-right: 0px;
}
.qiu{
width: 70px;
height: 70px;
background: #FFFFFF;
border-radius: 50%;
text-align: center;
line-height: 70px;
i{font-size: 37px;color:#1F68F2;}
}
.cong{
margin-left: 41px;
p{font-size: 20px;font-weight: bold;color:#fff;margin-bottom: 14px;}
i{color:#1F68F2;}
}
&:hover{
background: rgba(40, 63, 235, 0.75);
.qiu{
background: none;
i{display: inline;color:#fff;font-size: 60px;}
}
.cong{
i{color:#F68332;}
}
}
}
}
.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
public/assets/css/mall/mall.min.css 0 → 100644
.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}
\ No newline at end of file
public/assets/js/common/liexin_pop.js
......@@ -70,6 +70,7 @@ define('liexin_pop', [], function (require, exports, module) {
//自定义弹窗
//class 自定义 class 加在弹窗盒子上 ele自定义弹窗 内容元素选择器 closeFun关闭弹窗回调
//opt={title:"test",width:500,height:300,class:"abc",ele:"#ceshi",closeFun:function(){}} openHide 关闭弹窗挂载到window上
//openHide() 关闭弹窗
module.exports.Open = function (opt) {
var ele = $(opt.ele);
......
public/assets/js/common/mallUi.js 0 → 100644
/**商城全局UIJS**/
define('mallUi', ['tool'], function (require, exports, module) {
var tool=require("tool");
var mallUi = {
init: function () {
mallUi.handle();
console.log("商城")
},
handle:function(){
//商城顶部
$(".mall-header-top .topclose").click(function(){
$(".mall-header-top").slideUp(500);
tool.setCookie("topclose",1,30);
})
}
}
module.exports = mallUi.init();
})
seajs.use(['mallUi'])
\ No newline at end of file
public/assets/js/home/home.js
define('home', ['liexin_pop'], function (require, exports, module) {
var liexin_pop=require("liexin_pop")
define('home', [], function (require, exports, module) {
var home = {
init: function () {
home.handle();
......
resources/views/common/css.blade.php
<link rel="stylesheet" href="{{$public}}/assets/css/common/common.min.css?v={{time()}}">
<link rel="stylesheet" href="{{$public}}/assets/css/common/font/iconfont.css?v={{time()}}">
\ No newline at end of file
<link rel="stylesheet" href="{{$public}}/assets/css/common/font/iconfont.css?v={{time()}}">
resources/views/common/headerNav.php
......@@ -4,11 +4,18 @@
<div class="fr clr ghn-right-box">
<div class="grb-top clr">
<a href="" class="fr clj">CONTACT US</a>
<div class="fr clj">
<div class="login-head-box notLoginclj fr clj" >
<a href="" >Login</a>
<font>/</font>
<a href="">Register</a>
</div>
<div class="login-head-box yesLogin fr clj" style="display:none">
<a href="" class="row">
<span><i class="icon iconfont icon-touxiang"></i></span>
<div class="fz-16 username">460053411@qq.com</div>
</a>
</div>
<a href="" class="fr iconbx"><i class="icon iconfont icon-shouyesousuo"></i></a>
<a href="" class="fr carbc iconbx"><i class="icon iconfont icon-gouwuche"></i><span>99</span></a>
</div>
......
resources/views/common/js.blade.php
......@@ -3,4 +3,4 @@
const PUBLICXK="{{$public}}";//资源文件文件目录 js公用变量
</script>
<script src="{{$public}}/assets/js/common/sea.js?v={{time()}}"></script>
<script src="{{$public}}/assets/js/common/config.js?v={{time()}}"></script>
\ No newline at end of file
<script src="{{$public}}/assets/js/common/config.js?v={{time()}}"></script>
resources/views/common/mallFooter.blade.php 0 → 100644
<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>
<div class="row">
<div class="itemf3 trl"><b>3000+</b> Brands</div>
<div class="itemf3 trr"><b>1000+</b>Catalog</div>
</div>
</div>
</div>
\ No newline at end of file
resources/views/common/mallHeaderNav.blade.php 0 → 100644
<div class="mall-header-nav">
<div class="search-car w1200">
<div class="row cons verCenter">
<a href="" class="logo"><img src="{{$public}}/assets/images/common/logo.png" alt=""></a>
<div class="search-input-box row boxsiz">
<input type="text" class="searchvalx" placeholder="Enter part #">
<div class="searchbtnx boxsiz"><i class="icon iconfont icon-sousuo-shangcheng"></i></div>
</div>
<a class="car-boxs"><i class="icon iconfont icon-gouwuche"></i><span class="carNum">99</span></a>
<div class="login-head-box notLogin">
<a href="">Login</a>
<font>/</font><a href="">Register</a>
</div>
<div class="login-head-box yesLogin" style="display:none">
<a href="" class="row">
<span><i class="icon iconfont icon-touxiang"></i></span>
<div class="username">460053411@qq.com</div>
</a>
</div>
<a href="" class="about-link">Contact Us</a>
</div>
</div>
<div class="nav-box">
<div class="nav-conx row w1200">
<div class="allpro">
<a href="" class="act li">All Products</a>
<div class="procon boxsiz">
<div class="groupboxx">
<div class="headboxx row">
<img src="{{$public}}/assets/images/common/class1.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 Products</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>
</div>
</div>
</div>
</div>
</div>
</div>
<a href="" class="li">Manufacturers</a>
<a href="" class="li">RFQ</a>
<a href="" class="li">About us</a>
</div>
</div>
</div>
\ No newline at end of file
resources/views/common/mallHeaderTop.blade.php 0 → 100644
@empty($_COOKIE['topclose'])
<div class="mall-header-top ta-c" >
<div>
<span><i class="icon iconfont icon-guanbi topclose"></i></span>
GRAND OPENING OF SEMOUR ELECTRONICS ONLINE STORE. CLICK TO VISIT.
</div>
</div>
@endempty
\ No newline at end of file
resources/views/home/home.blade.php
......@@ -3,16 +3,6 @@
<link rel="stylesheet" href="{{$public}}/assets/css/home/home.min.css?v={{time()}}">
@endsection
<style>
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
</style>
@section('body')
@include('common.headerTop')
......@@ -27,36 +17,27 @@
<p class="p24">WHY CHOOSE SEMOUR?</p>
</div>
<div class="fl1botbox row rowCenter">
<div class="ftitem">
<a class="ftitem">
<div>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-PROCUREMENT-shuangse"></use>
</svg>
<i class="icon iconfont icon-PROCUREMENT-shuangse"></i>
</div>
<p>PROCUREMENT</p>
<i class="icon iconfont icon-lansejiantou ijt"></i>
</div>
<div class="ftitem">
</a>
<a class="ftitem">
<div>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-a-QUALITYCONTROL-shuangse"></use>
</svg>
<i class="icon iconfont icon-a-QUALITYCONTROL-shuangse"></i>
</div>
<p>QUALITY CONTROL</p>
<i class="icon iconfont icon-lansejiantou ijt"></i>
</div>
<div class="ftitem ftlast">
</a>
<a class="ftitem ftlast">
<div>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-PROCUREMENT-shuangse"></use>
</svg>
<i class="icon iconfont icon-PROCUREMENT-shuangse"></i>
<i class="icon iconfont icon-a-SUPPLYCHAIN-danse"></i>
</div>
<p>SUPPLY CHAIN</p>
<i class="icon iconfont icon-lansejiantou ijt"></i>
</div>
</a>
</div>
</div>
</div>
......@@ -93,19 +74,16 @@
</div>
@endempty
@include('common.footersm')
</div>
<div class="ceshi" style="display:none;">
弹窗测试
</div>
@endsection
@section('js')
<script src="{{$public}}/assets/css/common/font/iconfont.js?v={{time()}}"></script>
<script src="{{$public}}/assets/js/home/headui.js?v={{time()}}"></script>
<script src="{{$public}}/assets/js/home/home.js?v={{time()}}"></script>
@endsection
\ No newline at end of file
resources/views/layouts/appMall.blade.php 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>@yield('title', '深茂商城')title描述</title>
@include("common.css")
@yield('css')
</head>
<body>
<div id="app">
@yield('body')
</div>
<!-- JS 脚本 -->
@include("common.js")
<script src="{{$public}}/assets/js/common/mallUi.js?v={{time()}}"></script>
@yield('js')
</body>
</html>
resources/views/mall/index.blade.php
@extends('layouts.appMall')
@section('css')
<link rel="stylesheet" href="{{$public}}/assets/css/mall/mall.min.css?v={{time()}}">
@endsection
@section('body')
<div class="mallpage">
@include('common.mallHeaderTop')
@include('common.mallHeaderNav')
<div class="w1200 mallindex">
<div class="floor1 row">
<div class="f1left boxsiz"></div>
<div class="f1right">轮播图</div>
</div>
<div class="floor2 row ">
<a class="item boxsiz row verCenter">
<div class="qiu">
<i class="icon iconfont icon-PROCUREMENT-shuangse"></i>
</div>
<div class="cong">
<p>PROCUREMENT</p>
<i class="icon iconfont icon-lansejiantou ijt"></i>
</div>
</a>
<a class="item boxsiz row verCenter">
<div class="qiu">
<i class="icon iconfont icon-a-QUALITYCONTROL-shuangse"></i>
</div>
<div class="cong">
<p>QUALITY CONTROL</p>
<i class="icon iconfont icon-lansejiantou ijt"></i>
</div>
</a>
<a class="item boxsiz row verCenter">
<div class="qiu">
<i class="icon iconfont icon-a-SUPPLYCHAIN-danse"></i>
</div>
<div class="cong">
<p>SUPPLY CHAIN</p>
<i class="icon iconfont icon-lansejiantou ijt"></i>
</div>
</a>
</div>
<div class="floor3">
</div>
</div>
@include('common.mallFooter')
</div>
@endsection
@section('js')
<script src="{{$public}}/assets/js/common/mallui.js?v={{time()}}"></script>
<script src="{{$public}}/assets/js/mall/mall.js?v={{time()}}"></script>
@endsection
\ No newline at end of file
routes/web.php
......@@ -37,4 +37,4 @@ Route::get('/about/privacy', 'AboutController@privacy')->name('about.privacy');
Route::get('/about/term', 'AboutController@term')->name('about.term');
Route::get('/about/termuser', 'AboutController@termuser')->name('about.termuser');
Route::get('/about/refund', 'AboutController@refund')->name('about.refund');
Route::get('/mall/index', 'MallController@index')->name('mall.index');
Route::get('/mall', 'MallController@index')->name('mall.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