102 lines
2.8 KiB
Vue
102 lines
2.8 KiB
Vue
<script lang="ts" setup>
|
||
import { $t } from '@vben/locales';
|
||
import { openWindow } from '@vben/utils';
|
||
|
||
import { useVbenModal } from '@vben-core/popup-ui';
|
||
import { Badge, VbenButton, VbenButtonGroup } from '@vben-core/shadcn-ui';
|
||
|
||
import { useMagicKeys, whenever } from '@vueuse/core';
|
||
|
||
defineOptions({
|
||
name: 'Help',
|
||
});
|
||
|
||
const keys = useMagicKeys();
|
||
whenever(keys['Alt+KeyH']!, () => {
|
||
modalApi.open();
|
||
});
|
||
|
||
const [Modal, modalApi] = useVbenModal({
|
||
draggable: true,
|
||
overlayBlur: 5,
|
||
footer: false,
|
||
onCancel() {
|
||
modalApi.close();
|
||
},
|
||
});
|
||
</script>
|
||
<template>
|
||
<Modal class="w-2/5" :title="$t('ui.widgets.qa')">
|
||
<div class="mt-2 flex flex-col">
|
||
<div class="mt-2 flex flex-row">
|
||
<!-- TODO @xingyu：要不要垂直？1. 项目地址；2. 问题反馈；3. 开发文档 -->
|
||
<VbenButtonGroup class="basis-1/3" :gap="2" border size="large">
|
||
<p class="p-2">项目地址:</p>
|
||
<VbenButton
|
||
variant="link"
|
||
@click="
|
||
openWindow('https://gitee.com/yudaocode/yudao-ui-admin-vben')
|
||
"
|
||
>
|
||
Gitee
|
||
</VbenButton>
|
||
<VbenButton
|
||
variant="link"
|
||
@click="
|
||
openWindow('https://github.com/yudaocode/yudao-ui-admin-vben')
|
||
"
|
||
>
|
||
Github
|
||
</VbenButton>
|
||
</VbenButtonGroup>
|
||
|
||
<VbenButtonGroup class="basis-1/3" :gap="2" border size="large">
|
||
<p class="p-2">issues:</p>
|
||
<VbenButton
|
||
variant="link"
|
||
@click="
|
||
openWindow(
|
||
'https://gitee.com/yudaocode/yudao-ui-admin-vben/issues',
|
||
)
|
||
"
|
||
>
|
||
Gitee
|
||
</VbenButton>
|
||
<VbenButton
|
||
variant="link"
|
||
@click="
|
||
openWindow(
|
||
'https://github.com/yudaocode/yudao-ui-admin-vben/issues',
|
||
)
|
||
"
|
||
>
|
||
Github
|
||
</VbenButton>
|
||
</VbenButtonGroup>
|
||
|
||
<VbenButtonGroup class="basis-1/3" :gap="2" border size="large">
|
||
<p class="p-2">开发文档:</p>
|
||
<VbenButton
|
||
variant="link"
|
||
@click="openWindow('https://doc.iocoder.cn/quick-start/')"
|
||
>
|
||
项目文档
|
||
</VbenButton>
|
||
<VbenButton variant="link" @click="openWindow('https://antdv.com/')">
|
||
antdv 文档
|
||
</VbenButton>
|
||
</VbenButtonGroup>
|
||
</div>
|
||
<p class="mt-2 flex justify-center">
|
||
<span>
|
||
<img src="/wx-xingyu.png" alt="数舵科技" />
|
||
</span>
|
||
</p>
|
||
<p class="mt-2 flex justify-center pt-4 text-sm italic">
|
||
本项目采用<Badge variant="destructive">MIT</Badge>
|
||
开源协议，个人与企业可100% 免费使用。
|
||
</p>
|
||
</div>
|
||
</Modal>
|
||
</template>
|