|
@@ -2,13 +2,13 @@
|
|
|
<div class="header-layout" :class="language === 'zh' ? '' : 'isInternational'">
|
|
<div class="header-layout" :class="language === 'zh' ? '' : 'isInternational'">
|
|
|
<div class="container clear">
|
|
<div class="container clear">
|
|
|
<div class="logo-layout">
|
|
<div class="logo-layout">
|
|
|
- <router-link :to="{name: 'home'}" class="logo">
|
|
|
|
|
|
|
+ <!-- <router-link :to="{name: 'home'}" class="log1o"> -->
|
|
|
<vcenter>
|
|
<vcenter>
|
|
|
- <img :src="language === 'en' ? `https://4dscene.oss-cn-shenzhen.aliyuncs.com/new4dkk/v2/img/%E7%BB%84%203802.png` : require('@/assets/images/home/logo-cn.png')" alt>
|
|
|
|
|
|
|
+ <img :src=" require('@/assets/images/home/logo.png')" alt>
|
|
|
</vcenter>
|
|
</vcenter>
|
|
|
- </router-link>
|
|
|
|
|
|
|
+ <!-- </router-link> -->
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="menu">
|
|
|
|
|
|
|
+ <!-- <div class="menu">
|
|
|
<div
|
|
<div
|
|
|
class="list"
|
|
class="list"
|
|
|
ref="list"
|
|
ref="list"
|
|
@@ -39,11 +39,11 @@
|
|
|
<li v-for="item in languageList" :key="item.name" :style="{'background-image': `url(${item.img})`}" @click="changeLanguage(item.value)">{{ item.name }}</li>
|
|
<li v-for="item in languageList" :key="item.name" :style="{'background-image': `url(${item.img})`}" @click="changeLanguage(item.value)">{{ item.name }}</li>
|
|
|
</ul>
|
|
</ul>
|
|
|
</a>
|
|
</a>
|
|
|
- </div>
|
|
|
|
|
|
|
+ </div> -->
|
|
|
<!-- <span class="language en" :class="{'is-active': language === 'en'}" @click="changeLanguage('en')">EN</span>
|
|
<!-- <span class="language en" :class="{'is-active': language === 'en'}" @click="changeLanguage('en')">EN</span>
|
|
|
<span class="language" :class="{'is-active': language !== 'en'}" @click="changeLanguage('zh')">中</span> -->
|
|
<span class="language" :class="{'is-active': language !== 'en'}" @click="changeLanguage('zh')">中</span> -->
|
|
|
- </div>
|
|
|
|
|
- <div class="loginAndRegis" v-if="!isLogin"><span @click="$router.push('/login/login')">{{$t('login.login')}}</span>|<span @click="$router.push('/login/register')">{{$t('login.register')}}</span></div>
|
|
|
|
|
|
|
+ <!-- </div> -->
|
|
|
|
|
+ <!-- <div class="loginAndRegis" v-if="!isLogin"><span @click="$router.push('/login/login')">{{$t('login.login')}}</span>|<span @click="$router.push('/login/register')">{{$t('login.register')}}</span></div>
|
|
|
<div v-else class="user-w">
|
|
<div v-else class="user-w">
|
|
|
<div class="user avatar" v-if="info.head" :style="{'background-image': `url(${info.head})`}" @click="$router.push('/information')"></div>
|
|
<div class="user avatar" v-if="info.head" :style="{'background-image': `url(${info.head})`}" @click="$router.push('/information')"></div>
|
|
|
<div class="list">
|
|
<div class="list">
|
|
@@ -58,7 +58,7 @@
|
|
|
<div class="cart" @click="handleCartClick" v-if="isLogin">
|
|
<div class="cart" @click="handleCartClick" v-if="isLogin">
|
|
|
<h-icon type="xingouwuche" class="icon" />
|
|
<h-icon type="xingouwuche" class="icon" />
|
|
|
<span v-if="cartCount">{{cartCount}}</span>
|
|
<span v-if="cartCount">{{cartCount}}</span>
|
|
|
- </div>
|
|
|
|
|
|
|
+ </div> -->
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -96,65 +96,68 @@ export default {
|
|
|
}
|
|
}
|
|
|
]
|
|
]
|
|
|
},
|
|
},
|
|
|
- {text: this.$t('header.solutions'), items: [
|
|
|
|
|
- {
|
|
|
|
|
- text: this.$t('header.solutionsHouse'),
|
|
|
|
|
- link: '/conductHouse'
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- text: this.$t('header.solutionsExi'),
|
|
|
|
|
- link: '/conductExhibition'
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- text: this.$t('header.solutionsSubject'),
|
|
|
|
|
- link: '/conductSubject'
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- text: this.$t('header.solutionsShop'),
|
|
|
|
|
- link: '/conductShop'
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- text: this.$t('header.solutionsSec'),
|
|
|
|
|
- link: '/conductSecury'
|
|
|
|
|
- },
|
|
|
|
|
- ]},
|
|
|
|
|
- {text: this.$t('header.kankan_space'),
|
|
|
|
|
- link: '/cases/全部'
|
|
|
|
|
|
|
+ {text: this.$t('header.solutions'),
|
|
|
|
|
+ items: [
|
|
|
|
|
+ {
|
|
|
|
|
+ text: this.$t('header.solutionsHouse'),
|
|
|
|
|
+ link: '/conductHouse'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ text: this.$t('header.solutionsExi'),
|
|
|
|
|
+ link: '/conductExhibition'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ text: this.$t('header.solutionsSubject'),
|
|
|
|
|
+ link: '/conductSubject'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ text: this.$t('header.solutionsShop'),
|
|
|
|
|
+ link: '/conductShop'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ text: this.$t('header.solutionsSec'),
|
|
|
|
|
+ link: '/conductSecury'
|
|
|
|
|
+ }
|
|
|
|
|
+ ]},
|
|
|
|
|
+ {text: this.$t('header.kankan_space'),
|
|
|
|
|
+ link: '/cases/全部'
|
|
|
},
|
|
},
|
|
|
- {text: this.$t('header.core_tech'), link: '/location'},
|
|
|
|
|
- {text: this.$t('header.service'), items: [
|
|
|
|
|
- {
|
|
|
|
|
- text: this.$t('header.serviceApp'),
|
|
|
|
|
- link: '/service/app/pro'
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- text: this.$t('header.serviceUse'),
|
|
|
|
|
- link: '/service/use/pro'
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- text: this.$t('header.serviceBaoxiu'),
|
|
|
|
|
- link: '/service/clause/pro'
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- text: this.$t('header.serviceVideo'),
|
|
|
|
|
- link: '/service/mVideo/all'
|
|
|
|
|
- }
|
|
|
|
|
- ]},
|
|
|
|
|
- {text: this.$t('header.about'), items: [
|
|
|
|
|
- {
|
|
|
|
|
- text: this.$t('header.aboutCompany'),
|
|
|
|
|
- link: '/about'
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- text: this.$t('header.aboutNews'),
|
|
|
|
|
- link: '/news'
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- text: this.$t('header.aboutAgent'),
|
|
|
|
|
- link: '/distributor'
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- ]}
|
|
|
|
|
|
|
+ {text: this.$t('header.core_tech'), link: '/location'},
|
|
|
|
|
+ {text: this.$t('header.service'),
|
|
|
|
|
+ items: [
|
|
|
|
|
+ {
|
|
|
|
|
+ text: this.$t('header.serviceApp'),
|
|
|
|
|
+ link: '/service/app/pro'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ text: this.$t('header.serviceUse'),
|
|
|
|
|
+ link: '/service/use/pro'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ text: this.$t('header.serviceBaoxiu'),
|
|
|
|
|
+ link: '/service/clause/pro'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ text: this.$t('header.serviceVideo'),
|
|
|
|
|
+ link: '/service/mVideo/all'
|
|
|
|
|
+ }
|
|
|
|
|
+ ]},
|
|
|
|
|
+ {text: this.$t('header.about'),
|
|
|
|
|
+ items: [
|
|
|
|
|
+ {
|
|
|
|
|
+ text: this.$t('header.aboutCompany'),
|
|
|
|
|
+ link: '/about'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ text: this.$t('header.aboutNews'),
|
|
|
|
|
+ link: '/news'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ text: this.$t('header.aboutAgent'),
|
|
|
|
|
+ link: '/distributor'
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ ]}
|
|
|
]
|
|
]
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
@@ -235,7 +238,7 @@ export default {
|
|
|
components: { vcenter },
|
|
components: { vcenter },
|
|
|
watch: {
|
|
watch: {
|
|
|
language (newVal) {
|
|
language (newVal) {
|
|
|
- document.title = newVal === 'en' ? '4DKanKan' : '四维看看'
|
|
|
|
|
|
|
+ // document.title = newVal === 'en' ? '4DKanKan' : '四维看看'
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|