|
|
@@ -5,7 +5,9 @@
|
|
|
<Teleport to="body">
|
|
|
<div class="home-menu-layer" :style="menuLayerStyle">
|
|
|
<BottomSider />
|
|
|
- <RightPositionBar :top="44" />
|
|
|
+ <div class="user-dropdown-wrap">
|
|
|
+ <UserDropDown :theme="getHeaderTheme" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</Teleport>
|
|
|
</div>
|
|
|
@@ -15,8 +17,11 @@
|
|
|
import { computed, onMounted, ref } from 'vue';
|
|
|
import AiAssistantModal from '/@/views/ventAI/manageAssistent/components/AiAssistantModal.vue';
|
|
|
import BottomSider from '/@/layouts/default/sider/bottomSideder.vue';
|
|
|
- import RightPositionBar from '/@/layouts/default/header/components/rightPositionBar.vue';
|
|
|
+ import UserDropDown from '/@/layouts/default/header/components/user-dropdown/index.vue';
|
|
|
import { useAppStore } from '/@/store/modules/app';
|
|
|
+ import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting';
|
|
|
+
|
|
|
+ const { getHeaderTheme } = useHeaderSetting();
|
|
|
|
|
|
const visible = ref(false);
|
|
|
const appStore = useAppStore();
|
|
|
@@ -57,4 +62,20 @@
|
|
|
pointer-events: auto;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ // 右上角用户下拉:fixed 定位复刻原 RightPositionBar 容器(top 44 / right 20),
|
|
|
+ // 并重置 UserDropDown 根节点右侧 padding 以贴齐右边缘
|
|
|
+ .user-dropdown-wrap {
|
|
|
+ position: fixed;
|
|
|
+ top: 16px;
|
|
|
+ right: 48px;
|
|
|
+ z-index: 999999;
|
|
|
+ height: 48px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ :deep(.jeecg-header-user-dropdown) {
|
|
|
+ padding: 0 16px 0 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|