|
|
@@ -290,7 +290,11 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <nav :style="{ backgroundColor: `${bgColor || '#00213b'}` }">
|
|
|
+ <nav
|
|
|
+ :style="{
|
|
|
+ backgroundColor: `${bgColor || '#00213b'}`,
|
|
|
+ color: `${fontColor || '#fff'}`,
|
|
|
+ }">
|
|
|
<ul class="com-width-1400 com-minwidth-1024 com-margin-auto">
|
|
|
<li class="nav-list">
|
|
|
<div class="nav-list-title">
|
|
|
@@ -307,7 +311,10 @@
|
|
|
<Transition name="category">
|
|
|
<div
|
|
|
class="nav-menu border-radius"
|
|
|
- :style="{ backgroundColor: `${bgColor || '#00213b'}` }"
|
|
|
+ :style="{
|
|
|
+ backgroundColor: `${bgColor || '#00213b'}`,
|
|
|
+ color: `${fontColor || '#fff'}`,
|
|
|
+ }"
|
|
|
v-show="isShopBlock"
|
|
|
@click="closeAllBlock">
|
|
|
<div class="nav-menu-content">
|
|
|
@@ -317,6 +324,7 @@
|
|
|
:key="item1.id">
|
|
|
<div class="primary-classification">
|
|
|
<nuxt-link
|
|
|
+ :style="{ color: `${fontColor || '#fff'}` }"
|
|
|
:to="{
|
|
|
name: 'category-firstCategory',
|
|
|
params: {
|
|
|
@@ -346,6 +354,7 @@
|
|
|
v-for="item2 in item1.child"
|
|
|
:key="item2.id">
|
|
|
<nuxt-link
|
|
|
+ :style="{ color: `${fontColor || '#fff'}` }"
|
|
|
:to="{
|
|
|
name: 'category-firstCategory-secondCategory',
|
|
|
params: {
|
|
|
@@ -437,6 +446,7 @@
|
|
|
<!-- <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
|
|
|
@@ -620,6 +630,7 @@ export default {
|
|
|
index: null,
|
|
|
websitelogo: '',
|
|
|
bgColor: '',
|
|
|
+ fontColor: '',
|
|
|
}
|
|
|
},
|
|
|
async fetch() {
|
|
|
@@ -718,6 +729,7 @@ export default {
|
|
|
(/^\/.+/.test(res.logo) ? res.logo : `/${res.logo}`)
|
|
|
: res.logo
|
|
|
this.bgColor = res.theme_color || ''
|
|
|
+ this.fontColor = res.font_color || ''
|
|
|
})
|
|
|
},
|
|
|
created() {
|
|
|
@@ -1174,7 +1186,7 @@ header {
|
|
|
height: 52px;
|
|
|
font-size: 16px;
|
|
|
font-weight: 400;
|
|
|
- color: #ffffff;
|
|
|
+ // color: #ffffff;
|
|
|
text-align: center;
|
|
|
line-height: 52px;
|
|
|
.nav-list-title {
|
|
|
@@ -1183,7 +1195,7 @@ header {
|
|
|
a {
|
|
|
display: block;
|
|
|
width: 100%;
|
|
|
- color: #ffffff;
|
|
|
+ // color: #ffffff;
|
|
|
}
|
|
|
span {
|
|
|
display: inline-block;
|
|
|
@@ -1197,7 +1209,7 @@ header {
|
|
|
.nav-menu {
|
|
|
width: 1400px;
|
|
|
height: 395px;
|
|
|
- color: #fff;
|
|
|
+ // color: #fff;
|
|
|
// background-color: RGB(56 54 55);
|
|
|
overflow: hidden;
|
|
|
.nav-menu-content {
|
|
|
@@ -1390,10 +1402,10 @@ header {
|
|
|
&:hover {
|
|
|
div.nav-list-title {
|
|
|
color: #333333;
|
|
|
- background-color: #e3e3e3;
|
|
|
+ background-color: rgba(#e3e3e3, 0.7);
|
|
|
a {
|
|
|
color: #333333;
|
|
|
- background-color: #e3e3e3;
|
|
|
+ background-color: rgba(#e3e3e3, 0.7);
|
|
|
}
|
|
|
.el-icon-arrow-down {
|
|
|
color: #333333;
|
