mirror of
https://github.com/xfgryujk/blivechat.git
synced 2025-03-23 16:20:38 +08:00
69 lines
1.8 KiB
Vue
69 lines
1.8 KiB
Vue
<template>
|
|
<el-scrollbar wrap-class="scrollbar-wrapper">
|
|
<el-menu
|
|
router
|
|
background-color="#304156"
|
|
text-color="#bfcbd9"
|
|
active-text-color="rgb(64, 158, 255)"
|
|
:default-active="$route.path"
|
|
>
|
|
<el-menu-item index="/">
|
|
<i class="el-icon-s-home"></i>{{$t('sidebar.home')}}
|
|
</el-menu-item>
|
|
<el-menu-item :index="$router.resolve({name: 'stylegen'}).href">
|
|
<i class="el-icon-brush"></i>{{$t('sidebar.stylegen')}}
|
|
</el-menu-item>
|
|
<el-menu-item :index="$router.resolve({name: 'help'}).href">
|
|
<i class="el-icon-question"></i>{{$t('sidebar.help')}}
|
|
</el-menu-item>
|
|
<a href="https://github.com/xfgryujk/blivechat" target="_blank">
|
|
<el-menu-item>
|
|
<i class="el-icon-share"></i>{{$t('sidebar.projectAddress')}}
|
|
</el-menu-item>
|
|
</a>
|
|
<a href="http://link.bilibili.com/ctool/vtuber" target="_blank">
|
|
<el-menu-item>
|
|
<i class="el-icon-share"></i>{{$t('sidebar.giftRecordOfficial')}}
|
|
</el-menu-item>
|
|
</a>
|
|
<el-submenu index="null">
|
|
<template slot="title">
|
|
<i class="el-icon-chat-line-square"></i>Language
|
|
</template>
|
|
<el-menu-item v-for="{locale, name} in [
|
|
{locale: 'zh', name: '中文'},
|
|
{locale: 'ja', name: '日本語'},
|
|
{locale: 'en', name: 'English'}
|
|
]" :key="locale"
|
|
@click="onSelectLanguage(locale)"
|
|
>{{name}}</el-menu-item>
|
|
</el-submenu>
|
|
</el-menu>
|
|
</el-scrollbar>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'Sidebar',
|
|
methods: {
|
|
onSelectLanguage(locale) {
|
|
window.localStorage.lang = this.$i18n.locale = locale
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.el-scrollbar {
|
|
height: 100%;
|
|
}
|
|
|
|
.scrollbar-wrapper {
|
|
overflow-x: hidden !important;
|
|
}
|
|
|
|
.scrollbar-wrapper .el-menu {
|
|
border: none;
|
|
}
|
|
</style>
|