You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
1.2 KiB
45 lines
1.2 KiB
<template>
|
|
<el-row type="flex" justify="end">
|
|
<el-col>
|
|
<span class="title">{{ $t('app_name') }}</span>
|
|
</el-col>
|
|
<el-col>
|
|
<el-dropdown class="ml4">
|
|
<span class="el-dropdown-link">
|
|
{{$t('choose_lang')}}
|
|
<i class="el-icon-arrow-down el-icon--right"></i>
|
|
</span>
|
|
<el-dropdown-menu slot="dropdown">
|
|
<el-dropdown-item v-for="item in ['zhCN', 'en']" :key="item">
|
|
<nuxt-link v-if="$i18n.locale !== item" :to="switchLocalePath(item)">
|
|
{{$t(item)}}
|
|
</nuxt-link>
|
|
</el-dropdown-item>
|
|
</el-dropdown-menu>
|
|
</el-dropdown>
|
|
</el-col>
|
|
<el-col v-if="$cookies.isKey(GLOBAL.user_key)">
|
|
<el-button @click="logout">{{$t('logout')}}</el-button>
|
|
</el-col>
|
|
</el-row>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import Vue from 'vue'
|
|
|
|
export default Vue.extend({
|
|
name: 'lang',
|
|
methods:{
|
|
logout:function() {
|
|
this.$cookies.remove(this.GLOBAL.user_key)
|
|
this.$router.push(this.localePath('/account'))
|
|
}
|
|
}
|
|
})
|
|
</script>
|
|
<style>
|
|
.title {
|
|
font-size: 25px;
|
|
font-weight: bold;
|
|
}
|
|
</style>
|
|
|