mirror of
https://gitee.com/dromara/go-view.git
synced 2025-04-06 03:58:04 +08:00
78 lines
2.0 KiB
Vue
78 lines
2.0 KiB
Vue
<template>
|
|
<div class="go-aside-footer">
|
|
<n-divider class="go-mt-0"></n-divider>
|
|
<n-space justify="space-around">
|
|
<n-tooltip v-if="collapsed" placement="right" trigger="hover">
|
|
<template #trigger>
|
|
<n-button secondary @click="handleDoc">
|
|
<template #icon>
|
|
<n-icon size="18">
|
|
<help-outline-icon></help-outline-icon>
|
|
</n-icon>
|
|
</template>
|
|
</n-button>
|
|
</template>
|
|
<n-text>
|
|
{{ $t('global.help') }}
|
|
</n-text>
|
|
</n-tooltip>
|
|
|
|
<n-button v-else secondary @click="handleDoc">
|
|
<template #icon>
|
|
<n-icon size="18">
|
|
<help-outline-icon></help-outline-icon>
|
|
</n-icon>
|
|
</template>
|
|
<n-text>{{ $t('global.help') }}</n-text>
|
|
</n-button>
|
|
|
|
<n-tooltip v-if="collapsed" placement="right" trigger="hover">
|
|
<template #trigger>
|
|
<n-button secondary @click="handleDoc">
|
|
<template #icon>
|
|
<n-icon size="18">
|
|
<code-slash-icon></code-slash-icon>
|
|
</n-icon>
|
|
</template>
|
|
</n-button>
|
|
</template>
|
|
<n-text>
|
|
{{ $t('global.code_addr') }}
|
|
</n-text>
|
|
</n-tooltip>
|
|
|
|
<n-button v-else secondary @click="handleCode">
|
|
<template #icon>
|
|
<n-icon size="18">
|
|
<code-slash-icon></code-slash-icon>
|
|
</n-icon>
|
|
</template>
|
|
<n-text v-show="!collapsed">{{ $t('global.code_addr') }}</n-text>
|
|
</n-button>
|
|
</n-space>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import { openDoc, openGiteeSourceCode } from '@/utils'
|
|
|
|
import { icon } from '@/plugins'
|
|
const { HelpOutlineIcon, CodeSlashIcon } = icon.ionicons5
|
|
|
|
const props = defineProps({
|
|
collapsed: Boolean
|
|
})
|
|
|
|
const handleDoc = () => {
|
|
openDoc()
|
|
}
|
|
const handleCode = () => {
|
|
openGiteeSourceCode()
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@include go('aside-footer') {
|
|
padding-bottom: 20px;
|
|
}
|
|
</style>
|