From bace8e818069fd3d9d20a11aaece4b8f5b249132 Mon Sep 17 00:00:00 2001
From: Gary Gu <garygu@Garydebijibendiannao.local>
Date: Thu, 17 Apr 2025 09:59:22 +0800
Subject: [PATCH] fix: 优化tab显示
---
src/Dashboard.vue | 12 ++++++++----
src/components/Header.vue | 7 ++++++-
2 files changed, 14 insertions(+), 5 deletions(-)
diff --git a/src/Dashboard.vue b/src/Dashboard.vue
index 42568a9..c920516 100644
--- a/src/Dashboard.vue
+++ b/src/Dashboard.vue
@@ -24,7 +24,7 @@
<!--页面内容-->
- <div class="content-wrapper px-[22px] py-[10px] absolute inset-0 top-[80px] flex gap-[20px]" v-if="clickTab === 'home'">
+ <div class="content-wrapper px-[22px] py-[10px] absolute inset-0 top-[80px] flex gap-[20px]">
<div class="flex-1 min-w-0">
<!-- 左侧模块 -->
<div class="w-full h-full">
@@ -45,9 +45,9 @@
</div>
</div>
- <div class="absolute inset-0 top-[80px] flex" v-if="clickTab === 'xietong'">
+<!-- <div class="absolute inset-0 top-[80px] flex" v-if="clickTab === 'xietong'">
<iframe :src="iframeSrc" class="xieTongIframe" frameborder='0'></iframe>
- </div>
+ </div>-->
<!--multiverse渲染容器
<div id="renderDom" class="absolute z-[40] top-0 bottom-0 left-0 right-0 w-full h-full"></div>-->
@@ -112,7 +112,11 @@
* @param val
*/
switchView(val){
- this.clickTab = val;
+ switch (val){
+ case 'xietong':
+ window.open(window.ProjectConfig.xieTongIframeSrc, '_blank');
+ break;
+ }
},
//重置引擎相关的东西
resetEngineRelated() {
diff --git a/src/components/Header.vue b/src/components/Header.vue
index bf23006..f9625c4 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -14,7 +14,7 @@
backgroundPosition: 'center center',
backgroundSize: '100% 100%'
}">
- <div class="absolute top-0 left-1/2 -translate-x-1/2 h-full px-[16px] flex items-center justify-between">
+ <div class="absolute top-0 left-1/2 -translate-x-1/2 h-full px-[16px] flex items-center justify-between tabWrapper" >
<div class="flex flex-col items-center cursor-pointer relative" @click="onHomeClick('home')">
<div class="flex items-center">
<img class="w-[20px] h-[20px]" :src="getImageUrl(activeTab === 'home' ? 'home_active.png' : 'home.png')" alt="">
@@ -116,3 +116,8 @@
}
};
</script>
+<style lang="scss" scoped>
+ .tabWrapper {
+ margin-left: 150px;
+ }
+ </style>
--
Gitblit v1.9.3