From ea5c66b6eb49a98100f926e37b69d70ad0fb1d01 Mon Sep 17 00:00:00 2001 From: vince <vince292007@gmail.com> Date: 星期三, 31 七月 2024 22:15:01 +0800 Subject: [PATCH] feat: add upgrade prompt --- src/layouts/default/header/index.vue | 3 +++ src/layouts/default/header/components/UpgradePrompt.vue | 22 ++++++++++++++++++++++ 2 files changed, 25 insertions(+), 0 deletions(-) diff --git a/src/layouts/default/header/components/UpgradePrompt.vue b/src/layouts/default/header/components/UpgradePrompt.vue new file mode 100644 index 0000000..53f6bcd --- /dev/null +++ b/src/layouts/default/header/components/UpgradePrompt.vue @@ -0,0 +1,22 @@ +<script setup lang="ts"> + import { h } from 'vue'; + import { Modal } from 'ant-design-vue'; + + Modal.info({ + title: '鏂扮増鏈彂甯�', + content: h('div', {}, [h('p', 'Vben Admin v5.0.0 棰勮鐗堟湰宸插彂甯�')]), + onOk() { + handleClick(); + }, + okText: '鍓嶅線浣撻獙鏂扮増', + }); + + function handleClick() { + window.open('https://www.vben.pro', '_blank'); + } +</script> +<template> + <div> + <a-button type="primary" @click="handleClick">鍓嶅線浣撻獙鏂扮増</a-button> + </div> +</template> diff --git a/src/layouts/default/header/index.vue b/src/layouts/default/header/index.vue index 2ffd43c..a161883 100644 --- a/src/layouts/default/header/index.vue +++ b/src/layouts/default/header/index.vue @@ -33,6 +33,8 @@ <!-- action --> <div :class="`${prefixCls}-action`"> + <UpgradePrompt class="mr-2" /> + <AppSearch v-if="getShowSearch" :class="`${prefixCls}-action__item `" /> <ErrorAction v-if="getUseErrorHandle" :class="`${prefixCls}-action__item error-action`" /> @@ -70,6 +72,7 @@ import { createAsyncComponent } from '@/utils/factory/createAsyncComponent'; import { propTypes } from '@/utils/propTypes'; + import UpgradePrompt from './components/UpgradePrompt.vue'; import LayoutMenu from '../menu/index.vue'; import LayoutTrigger from '../trigger/index.vue'; import { ErrorAction, FullScreen, LayoutBreadcrumb, Notify, UserDropDown } from './components'; -- Gitblit v1.8.0