feat: 添加 TooltipEffect 全局配置,可配置平台主体所有 el-tooltipeffect,不影响业务代码

This commit is contained in:
xiaoxian521
2022-12-02 16:46:48 +08:00
parent cf8e5897fb
commit 86b77c2877
12 changed files with 97 additions and 73 deletions

View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import { useDark } from "@pureadmin/utils";
import { useNav } from "@/layout/hooks/useNav";
import MenuFold from "@iconify-icons/ri/menu-fold-fill";
import MenuUnfold from "@iconify-icons/ri/menu-unfold-fill";
@@ -10,7 +10,7 @@ interface Props {
const props = withDefaults(defineProps<Props>(), {
isActive: false
});
const { isDark } = useDark();
const { tooltipEffect } = useNav();
const emit = defineEmits<{
(e: "toggleClick"): void;
@@ -25,7 +25,7 @@ const toggleClick = () => {
<div class="container">
<el-tooltip
placement="right"
:effect="isDark ? 'dark' : 'light'"
:effect="tooltipEffect"
:content="props.isActive ? '点击折叠' : '点击展开'"
>
<IconifyIconOffline