|
@@ -12,7 +12,10 @@
|
|
>
|
|
>
|
|
<ul>
|
|
<ul>
|
|
<li
|
|
<li
|
|
- :class="{ cur: $route.meta.nameAll === item.name }"
|
|
|
|
|
|
+ :class="{
|
|
|
|
+ cur: $route.meta.nameAll === item.name,
|
|
|
|
+ 'aria-inverse-theme': $route.meta.nameAll === item.name,
|
|
|
|
+ }"
|
|
v-for="(item, index) in topLi"
|
|
v-for="(item, index) in topLi"
|
|
:key="index"
|
|
:key="index"
|
|
@click="skip(item.path)"
|
|
@click="skip(item.path)"
|
|
@@ -22,7 +25,11 @@
|
|
:aria-description="item.name"
|
|
:aria-description="item.name"
|
|
>
|
|
>
|
|
<img :src="require(`@/assets/images/Visit/${item.img}`)" alt="" />
|
|
<img :src="require(`@/assets/images/Visit/${item.img}`)" alt="" />
|
|
- <p>{{ item.name }}</p>
|
|
|
|
|
|
+ <p
|
|
|
|
+ :class="{'aria-inverse-theme': $route.meta.nameAll === item.name,}"
|
|
|
|
+ >
|
|
|
|
+ {{ item.name }}
|
|
|
|
+ </p>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|