yujialong 2 years ago
parent a914b55950
commit 20b48041e6
  1. 7
      src/layouts/header/index.vue
  2. 12
      src/pages/exp/index.vue
  3. 2
      src/pages/sfel/index.vue

@ -1,8 +1,7 @@
<template> <template>
<div :class="['header', { channel: isHome }]"> <div :class="['header', { channel: isHome }]">
<a class="logo" @click="toIndex"> <a class="logo" @click="toIndex">
<img v-if="isHome" src="@/assets/images/logo.png" alt=""> <img :src="require('@/assets/images/' + (isSfel ? 'logo2' : isHome ? 'logo' : 'logo-black') + '.png')" alt="">
<img v-else src="@/assets/images/logo-black.png" alt="">
</a> </a>
<navbar ref="nav" :isHome.sync="isHome"></navbar> <navbar ref="nav" :isHome.sync="isHome"></navbar>
<div class="tools"> <div class="tools">
@ -24,6 +23,7 @@ export default {
data() { data() {
return { return {
isHome: this.$route.path === '/home' || this.$route.path === '/sfel', isHome: this.$route.path === '/home' || this.$route.path === '/sfel',
isSfel: this.$route.path === '/sfel',
showSearch: false, showSearch: false,
title: '', title: '',
searchTimer: null searchTimer: null
@ -34,7 +34,8 @@ export default {
}, },
watch: { watch: {
'$route'() { '$route'() {
this.isHome = this.$route.path === '/home' || this.$route.path === '/sfel' this.isHome = this.$route.path === '/home' || this.$route.path === '/sfel',
this.isSfel = this.$route.path === '/sfel'
}, },
}, },
beforeDestroy () { beforeDestroy () {

@ -21,27 +21,27 @@
</div> </div>
<ul class="list"> <ul class="list">
<li class="item1"> <li :class="['item1', {'cursor-pointer': isLink(modules[2].form.link.linkName)}]" @click="openLink(modules[2].form)">
<img src="@/assets/images/exp/2.png" alt=""> <img src="@/assets/images/exp/2.png" alt="">
<h6>{{ modules[2].form.title }}</h6> <h6>{{ modules[2].form.title }}</h6>
</li> </li>
<li class="item2"> <li :class="['item2', {'cursor-pointer': isLink(modules[3].form.link.linkName)}]" @click="openLink(modules[3].form)">
<img src="@/assets/images/exp/3.png" alt=""> <img src="@/assets/images/exp/3.png" alt="">
<h6>{{ modules[3].form.title }}</h6> <h6>{{ modules[3].form.title }}</h6>
</li> </li>
<li class="item3"> <li :class="['item3', {'cursor-pointer': isLink(modules[4].form.link.linkName)}]" @click="openLink(modules[4].form)">
<img src="@/assets/images/exp/4.png" alt=""> <img src="@/assets/images/exp/4.png" alt="">
<h6>{{ modules[4].form.title }}</h6> <h6>{{ modules[4].form.title }}</h6>
</li> </li>
<li class="item4"> <li :class="['item4', {'cursor-pointer': isLink(modules[5].form.link.linkName)}]" @click="openLink(modules[5].form)">
<img src="@/assets/images/exp/5.png" alt=""> <img src="@/assets/images/exp/5.png" alt="">
<h6>{{ modules[5].form.title }}</h6> <h6>{{ modules[5].form.title }}</h6>
</li> </li>
<li class="item5"> <li :class="['item5', {'cursor-pointer': isLink(modules[6].form.link.linkName)}]" @click="openLink(modules[6].form)">
<img src="@/assets/images/exp/6.png" alt=""> <img src="@/assets/images/exp/6.png" alt="">
<h6>{{ modules[6].form.title }}</h6> <h6>{{ modules[6].form.title }}</h6>
</li> </li>
<li class="item6"> <li :class="['item6', {'cursor-pointer': isLink(modules[7].form.link.linkName)}]" @click="openLink(modules[7].form)">
<img src="@/assets/images/exp/7.png" alt=""> <img src="@/assets/images/exp/7.png" alt="">
<h6>{{ modules[7].form.title }}</h6> <h6>{{ modules[7].form.title }}</h6>
</li> </li>

@ -251,7 +251,7 @@
<div class="tools"> <div class="tools">
<div class="logo"> <div class="logo">
<img src="@/assets/images/logo2.png" alt=""> <img src="@/assets/images/logo.png" alt="">
</div> </div>
<ul class="nav"> <ul class="nav">
<li v-for="(item, i) in navs" :key="i" class="column" @click="toAnchor(item)">{{ item.name }}</li> <li v-for="(item, i) in navs" :key="i" class="column" @click="toAnchor(item)">{{ item.name }}</li>

Loading…
Cancel
Save