cmdb/cmdb-ui/src/components/tools/LangSelect.vue

37 lines
850 B
Python

<template>
<a-dropdown>
<span class="action global-lang">
<a-icon type="global" style="font-size: 16px"/>
</span>
<a-menu slot="overlay" style="width: 150px;" @click="SwitchLang">
<a-menu-item key="zh-CN">
<a rel="noopener noreferrer">
<span role="img" aria-label="简体中文">🇨🇳</span> 简体中文
</a>
</a-menu-item>
<a-menu-item key="en-US">
<a rel="noopener noreferrer">
<span role="img" aria-label="English">🇬🇧</span> English
</a>
</a-menu-item>
</a-menu>
</a-dropdown>
</template>
<script>
import { mixin as langMixin } from '@/store/i18n-mixin'
export default {
name: 'LangSelect',
mixins: [langMixin],
data () {
return {}
},
methods: {
SwitchLang (row) {
this.setLang(row.key)
}
}
}
</script>