|
|
@@ -292,11 +292,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <nav
|
|
|
- :style="{
|
|
|
- backgroundColor: `${bgColor || '#00213b'}`,
|
|
|
- color: `${fontColor || '#fff'}`,
|
|
|
- }">
|
|
|
+ <nav :style="{ backgroundColor: `${bgColor || '#00213b'}` }">
|
|
|
<ul class="com-width-1400 com-minwidth-1024 com-margin-auto">
|
|
|
<li class="nav-list">
|
|
|
<div class="nav-list-title">
|
|
|
@@ -313,10 +309,7 @@
|
|
|
<Transition name="category">
|
|
|
<div
|
|
|
class="nav-menu border-radius"
|
|
|
- :style="{
|
|
|
- backgroundColor: `${bgColor || '#00213b'}`,
|
|
|
- color: `${fontColor || '#fff'}`,
|
|
|
- }"
|
|
|
+ :style="{ backgroundColor: `${bgColor || '#00213b'}` }"
|
|
|
v-show="isShopBlock"
|
|
|
@click="closeAllBlock">
|
|
|
<div class="nav-menu-content">
|
|
|
@@ -326,7 +319,6 @@
|
|
|
:key="item1.id">
|
|
|
<div class="primary-classification">
|
|
|
<nuxt-link
|
|
|
- :style="{ color: `${fontColor || '#fff'}` }"
|
|
|
:to="{
|
|
|
name: 'category-firstCategory',
|
|
|
params: {
|
|
|
@@ -356,7 +348,6 @@
|
|
|
v-for="item2 in item1.child"
|
|
|
:key="item2.id">
|
|
|
<nuxt-link
|
|
|
- :style="{ color: `${fontColor || '#fff'}` }"
|
|
|
:to="{
|
|
|
name: 'category-firstCategory-secondCategory',
|
|
|
params: {
|
|
|
@@ -448,7 +439,6 @@
|
|
|
<!-- <a :href="'/category?feature=54'"> New products</a> -->
|
|
|
<div class="nav-list-title">
|
|
|
<nuxt-link
|
|
|
- :style="{ color: `${fontColor || '#fff'}` }"
|
|
|
:to="{ name: 'category', query: { feature: 54 } }"
|
|
|
target="_self">
|
|
|
New Products
|
|
|
@@ -632,7 +622,6 @@ export default {
|
|
|
index: null,
|
|
|
websitelogo: '',
|
|
|
bgColor: '',
|
|
|
- fontColor: '',
|
|
|
}
|
|
|
},
|
|
|
async fetch() {
|
|
|
@@ -731,7 +720,6 @@ export default {
|
|
|
(/^\/.+/.test(res.logo) ? res.logo : `/${res.logo}`)
|
|
|
: res.logo
|
|
|
this.bgColor = res.theme_color || ''
|
|
|
- this.fontColor = res.font_color || '#5EC618'
|
|
|
})
|
|
|
},
|
|
|
created() {
|
|
|
@@ -1188,7 +1176,7 @@ header {
|
|
|
height: 52px;
|
|
|
font-size: 16px;
|
|
|
font-weight: 400;
|
|
|
- // color: #ffffff;
|
|
|
+ color: #ffffff;
|
|
|
text-align: center;
|
|
|
line-height: 52px;
|
|
|
.nav-list-title {
|
|
|
@@ -1197,7 +1185,7 @@ header {
|
|
|
a {
|
|
|
display: block;
|
|
|
width: 100%;
|
|
|
- // color: #ffffff;
|
|
|
+ color: #ffffff;
|
|
|
}
|
|
|
span {
|
|
|
display: inline-block;
|
|
|
@@ -1211,7 +1199,7 @@ header {
|
|
|
.nav-menu {
|
|
|
width: 1400px;
|
|
|
height: 395px;
|
|
|
- // color: #fff;
|
|
|
+ color: #fff;
|
|
|
// background-color: RGB(56 54 55);
|
|
|
overflow: hidden;
|
|
|
.nav-menu-content {
|
|
|
@@ -1404,10 +1392,10 @@ header {
|
|
|
&:hover {
|
|
|
div.nav-list-title {
|
|
|
color: #333333;
|
|
|
- background-color: rgba(#e3e3e3, 0.7);
|
|
|
+ background-color: #e3e3e3;
|
|
|
a {
|
|
|
color: #333333;
|
|
|
- background-color: rgba(#e3e3e3, 0.7);
|
|
|
+ background-color: #e3e3e3;
|
|
|
}
|
|
|
.el-icon-arrow-down {
|
|
|
color: #333333;
|
