|
|
@@ -7,27 +7,32 @@
|
|
|
<nuxt-link :to="'/'" class="item" exact>
|
|
|
<span>首 页</span>
|
|
|
</nuxt-link>
|
|
|
+ <nuxt-link to="/applyPurchase" class="item">
|
|
|
+ <span>询价求购</span>
|
|
|
+ <img class="new-animate" src="/images/all/banner-cuxiao03.png" alt="">
|
|
|
+ </nuxt-link>
|
|
|
<nuxt-link to="/supplier" class="item">
|
|
|
<span>供应商</span>
|
|
|
</nuxt-link>
|
|
|
+ <a class="item expand-item">
|
|
|
+ <span>店铺
|
|
|
+ <i class="iconfont icon-arrow-down"></i>
|
|
|
+ <i class="iconfont icon-arrow-up"></i>
|
|
|
+ </span>
|
|
|
+ <ul class="expand-list">
|
|
|
+ <li>
|
|
|
+ <nuxt-link to="/provider/factories">原厂专区</nuxt-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <nuxt-link to="/provider/home">代理经销</nuxt-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <nuxt-link target="_blank" :to="{ name: 'store-uuid', params: { uuid: '33069557578d44e69bd91ad12d28a8d4' } }">库存寄售</nuxt-link>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </a>
|
|
|
<nuxt-link to="/product/brand/brandList/ABC" class="item">
|
|
|
- <span>品牌中心</span>
|
|
|
- </nuxt-link>
|
|
|
- <nuxt-link to="/provider/factories" class="item">
|
|
|
- <span>原厂专区</span>
|
|
|
- </nuxt-link>
|
|
|
- <nuxt-link to="/provider/home" class="item">
|
|
|
- <span>代理经销</span>
|
|
|
- </nuxt-link>
|
|
|
- <!-- <nuxt-link to="/product/original" class="item">
|
|
|
- <span>热卖推荐</span>
|
|
|
- </nuxt-link>-->
|
|
|
- <nuxt-link target="_blank" :to="{ name: 'store-uuid', params: { uuid: '33069557578d44e69bd91ad12d28a8d4' } }" class="item">
|
|
|
- <span>库存寄售</span>
|
|
|
- </nuxt-link>
|
|
|
- <nuxt-link to="/applyPurchase" class="item">
|
|
|
- <span>求购询价</span>
|
|
|
- <img class="new-animate" src="/images/all/banner-cuxiao03.png" alt="">
|
|
|
+ <span>品牌墙</span>
|
|
|
</nuxt-link>
|
|
|
<nuxt-link to="/news" class="item">
|
|
|
<span>优软快讯</span>
|
|
|
@@ -54,14 +59,17 @@
|
|
|
display: inline-block;
|
|
|
height: $nav-height;
|
|
|
line-height: $nav-height;
|
|
|
- margin: 0 15px;
|
|
|
+ width: 126px;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0;
|
|
|
+ vertical-align: middle;
|
|
|
color: $black-light;
|
|
|
|
|
|
> span {
|
|
|
padding: 5px 2px;
|
|
|
}
|
|
|
|
|
|
- &.nuxt-link-active, &:hover {
|
|
|
+ &.nuxt-link-active:not(.expand-item), &:not(.expand-item):hover {
|
|
|
> span {
|
|
|
color: #5078cb;
|
|
|
border-bottom: #5078cb 3px solid;
|
|
|
@@ -69,6 +77,49 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ &.expand-item {
|
|
|
+ position: relative;
|
|
|
+ .expand-list {
|
|
|
+ z-index: 10;
|
|
|
+ position: absolute;
|
|
|
+ left: 30px;
|
|
|
+ background: #fff;
|
|
|
+ width: 66px;
|
|
|
+ border-radius: 2px;
|
|
|
+ display: none;
|
|
|
+ li {
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ text-align: center;
|
|
|
+ a {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ &:hover {
|
|
|
+ background: #5078cb;
|
|
|
+ a {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .icon-arrow-up {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ &:hover {
|
|
|
+ color: #2147f9;
|
|
|
+ .expand-list {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .icon-arrow-up {
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ .icon-arrow-down {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
&.item-first {
|
|
|
width: 200px;
|
|
|
margin: 0;
|