47 lines
1.1 KiB
Vue
47 lines
1.1 KiB
Vue
<template>
|
|
<a-dropdown placement="bottom">
|
|
<a-button size="small" class="header-button">
|
|
{{ $t('app.header.menu.more') }}
|
|
<DownOutlined
|
|
:style="{
|
|
fontSize: '9px',
|
|
margin: downstyle,
|
|
verticalAlign: 'middle',
|
|
}"
|
|
/>
|
|
</a-button>
|
|
<template #overlay>
|
|
<Ecosystem />
|
|
</template>
|
|
</a-dropdown>
|
|
</template>
|
|
<script lang="ts">
|
|
import { computed, defineComponent, inject } from 'vue';
|
|
import { DownOutlined } from '@ant-design/icons-vue';
|
|
import type { GlobalConfig } from '../../type';
|
|
import { GLOBAL_CONFIG } from '../../SymbolKey';
|
|
import { getLocalizedPathname } from '../../utils/util';
|
|
import Ecosystem from './Ecosystem.vue';
|
|
|
|
export default defineComponent({
|
|
components: {
|
|
DownOutlined,
|
|
Ecosystem,
|
|
},
|
|
props: {
|
|
isRTL: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
},
|
|
setup(props) {
|
|
const downstyle = computed(() => (props.isRTL ? '-1px 2px 0 0' : '-1px 0 0 2px'));
|
|
return {
|
|
downstyle,
|
|
isZhCN: inject<GlobalConfig>(GLOBAL_CONFIG).isZhCN.value,
|
|
getLocalizedPathname,
|
|
};
|
|
},
|
|
});
|
|
</script>
|