tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(Navbar.vue): 添加切换语言组件lang-select

Browse Source
This commit is contained in:
郝先瑞
2022-02-24 00:14:36 +08:00
parent 0dfb3f72dc
commit 52b34ecab3
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/layout/components/Navbar.vue
View File

@@ -14,6 +14,8 @@
<size-select id="size-select" class="right-menu-item hover-effect"/> <size-select id="size-select" class="right-menu-item hover-effect"/>
</el-tooltip> </el-tooltip>
<lang-select class="right-menu-item hover-effect" />
</template> </template>
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click"> <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
@@ -48,16 +50,18 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import {computed} from "vue" import {computed} from "vue"
import {ElMessageBox} from 'element-plus'
import {useRoute, useRouter} from "vue-router" import {useRoute, useRouter} from "vue-router"
import {ElMessageBox} from 'element-plus'
import {useAppStoreHook} from '@/store/modules/app'
import {useUserStoreHook} from '@/store/modules/user'
// 组件依赖
import Breadcrumb from '@/components/Breadcrumb/index.vue' import Breadcrumb from '@/components/Breadcrumb/index.vue'
import Hamburger from '@/components/Hamburger/index.vue' import Hamburger from '@/components/Hamburger/index.vue'
import Screenfull from '@/components/screenfull/index.vue' import Screenfull from '@/components/screenfull/index.vue'
import SizeSelect from '@/components/SizeSelect/index.vue' import SizeSelect from '@/components/SizeSelect/index.vue'
import {useTagsViewStoreHook} from '@/store/modules/tagsView' import LangSelect from '@/components/LangSelect/index.vue'
import {useAppStoreHook} from '@/store/modules/app'
import {useUserStoreHook} from '@/store/modules/user'
import SvgIcon from '@/components/SvgIcon/index.vue' import SvgIcon from '@/components/SvgIcon/index.vue'
const route = useRoute() const route = useRoute()