jiangyc/ruoyi-plus-soybean
1
0
Fork 0
mirror of https://github.com/m-xlsea/ruoyi-plus-soybean.git synced 2025-09-24 07:49:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(components): hoverContainer组件属性调整

Browse Source
This commit is contained in:
Soybean
2021-11-17 14:00:57 +08:00
parent 9c7bdb67b7
commit 4642ee62a3
8 changed files with 22 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/layouts/BasicLayout/components/GlobalHeader/components/FullScreen.vue
View File

@ -1,5 +1,5 @@
<template>
<hover-container class="w-40px h-full" content="全屏" @click="toggle">
<hover-container class="w-40px h-full" tooltip-content="全屏" @click="toggle">
<icon-gridicons-fullscreen-exit v-if="isFullscreen" class="text-16px" />
<icon-gridicons-fullscreen v-else class="text-16px" />
</hover-container>

2
src/layouts/BasicLayout/components/GlobalHeader/components/GihubSite.vue
View File

@ -1,5 +1,5 @@
<template>
<hover-container content="github" class="w-40px h-full">
<hover-container tooltip-content="github" class="w-40px h-full">
<a href="https://github.com/honghuangdc/soybean-admin" target="_blank" class="flex-center">
<icon-mdi-github class="text-20px text-[#666]" />
</a>

2
src/layouts/BasicLayout/components/GlobalHeader/components/MenuCollapse.vue
View File

@ -1,5 +1,5 @@
<template>
<hover-container class="w-40px h-full" :show-tooltip="false" @click="toggleMenu">
<hover-container class="w-40px h-full" @click="toggleMenu">
<icon-line-md-menu-unfold-left v-if="app.menu.collapsed" class="text-16px" />
<icon-line-md-menu-fold-left v-else class="text-16px" />
</hover-container>

2
src/layouts/BasicLayout/components/GlobalHeader/components/SettingDrawerButton.vue
View File

@ -1,5 +1,5 @@
<template>
<hover-container class="w-40px h-full" placement="bottom-end" content="项目配置" @click="openSettingDrawer">
<hover-container class="w-40px h-full" tooltip-content="项目配置" placement="bottom-end" @click="openSettingDrawer">
<icon-mdi-light-cog class="text-16px" />
</hover-container>
</template>

8
src/layouts/BasicLayout/components/GlobalHeader/components/ThemeMode.vue
View File

@ -1,9 +1,7 @@
<template>
<hover-container class="px-12px" :show-tooltip="false">
<div class="hover:text-primary" @click="toggleDarkMode">
<icon-mdi-moon-waning-crescent v-if="theme.darkMode" class="text-14px" />
<icon-mdi-white-balance-sunny v-else class="text-14px" />
</div>
<hover-container class="w-40px" content-class="hover:text-primary" tooltip-content="主题模式" @click="toggleDarkMode">
<icon-mdi-moon-waning-crescent v-if="theme.darkMode" class="text-14px" />
<icon-mdi-white-balance-sunny v-else class="text-14px" />
</hover-container>
</template>

2
src/layouts/BasicLayout/components/GlobalHeader/components/UserAvatar.vue
View File

@ -1,6 +1,6 @@
<template>
<n-dropdown :options="options" @select="handleDropdown">
<hover-container class="px-12px" :show-tooltip="false">
<hover-container class="px-12px">
<img :src="avatar" class="w-32px h-32px" />
<span class="pl-8px text-16px font-medium">Soybean</span>
</hover-container>

2
src/layouts/BasicLayout/components/GlobalTab/components/ReloadButton/index.vue
View File

@ -1,5 +1,5 @@
<template>
<hover-container class="w-64px h-full" placement="bottom-end" content="重新加载" @click="handleRefresh">
<hover-container class="w-64px h-full" tooltip-content="重新加载" placement="bottom-end" @click="handleRefresh">
<icon-mdi-refresh class="text-16px" :class="{ 'reload-animation': loading }" />
</hover-container>
</template>