| | |
| | | }) |
| | | } |
| | | |
| | | const windowReload = () => { |
| | | window.location.reload(); |
| | | } |
| | | |
| | | </script> |
| | | |
| | | <template> |
| | |
| | | <div class="header-top-left"> |
| | | <MenuUnfoldOutlined v-if="collapsed" class="trigger" @click="() => (collapsed = !collapsed)" /> |
| | | <MenuFoldOutlined v-else class="trigger" @click="() => (collapsed = !collapsed)" /> |
| | | <RedoOutlined class="trigger" @click="windowReload()" /> |
| | | </div> |
| | | <div class="header-top-right"> |
| | | <div class="trigger" v-if="globalState.currentHost"> |
| | |
| | | </div> |
| | | <div class="trigger"> |
| | | <a-dropdown> |
| | | <TranslationOutlined /> |
| | | <div> |
| | | <TranslationOutlined /> |
| | | {{ globalState.localeList[globalState.locale].desc }} |
| | | </div> |
| | | <template #overlay> |
| | | <a-menu> |
| | | <a-menu-item @click="switchLocale('enUS')" |
| | | :class="globalState.locale == 'enUS' ? 'active' : ''">English</a-menu-item> |
| | | <a-menu-item @click="switchLocale('zhCN')" |
| | | :class="globalState.locale == 'zhCN' ? 'active' : ''">简体中文</a-menu-item> |
| | | <div v-for="(item, key) in globalState.localeList" :key="key"> |
| | | <a-menu-item @click="switchLocale(key)" :class="globalState.locale == key ? 'active' : ''">{{ |
| | | item.desc }}</a-menu-item> |
| | | </div> |
| | | </a-menu> |
| | | </template> |
| | | </a-dropdown> |