斗技初始化，调整部分样式

src/App.vue

@@ -2,10 +2,11 @@
 import Yys from './components/Yys.vue';
 import Toolbar from './components/Toolbar.vue';
 import ProjectExplorer from './components/ProjectExplorer.vue';
-import { computed, ref, onMounted, onUnmounted } from "vue";
-import { useFilesStore } from "@/ts/files";
+import {computed, ref, onMounted, onUnmounted} from "vue";
+import {useFilesStore} from "@/ts/files";
 import Vue3DraggableResizable from 'vue3-draggable-resizable';
-import { TabPaneName, TabsPaneContext } from "element-plus";
+import {TabPaneName, TabsPaneContext} from "element-plus";
+import YysRank from "@/components/YysRank.vue";
 
 const filesStore = useFilesStore();
 
@@ -42,8 +43,8 @@ const handleTabsEdit = (
       label: newFileName,
       name: newFileName,
       visible: true,
-      type:'PVE',
-      groups:[
+      type: 'PVE',
+      groups: [
         {
           shortDescription: " ",
           groupInfo: [{}, {}, {}, {}, {}],
@@ -85,7 +86,7 @@ const activeFileGroups = computed(() => {
     <div class="main-content">
       <!-- 侧边栏 -->
       <aside class="sidebar">
-        <ProjectExplorer :allFiles="filesStore.fileList" />
+        <ProjectExplorer :allFiles="filesStore.fileList"/>
       </aside>
 
       <!-- 工作区 -->
@@ -104,7 +105,8 @@ const activeFileGroups = computed(() => {
               :name="file.name.toString()"
           >
             <main id="main-container" :style="{ height: contentHeight, overflow: 'auto' }">
-              <Yys :groups="activeFileGroups"/>
+              <Yys class="yys" :groups="activeFileGroups" v-if="file.type === 'PVE' "/>
+              <YysRank :groups="activeFileGroups" v-else-if="file.type === 'PVP' "/>
             </main>
           </el-tab-pane>
         </el-tabs>
@@ -141,7 +143,7 @@ const activeFileGroups = computed(() => {
 }
 
 .workspace {
-  //flex: 1; /* 占据剩余空间 */
+  flex: 1; /* 占据剩余空间 */
   overflow: hidden; /* 防止内容溢出 */
   display: inline-block;
 }
@@ -151,7 +153,8 @@ const activeFileGroups = computed(() => {
   height: 100%; /* 确保内容区域占满父容器 */
   overflow-y: auto; /* 允许内容滚动 */
   min-height: 100vh; /* 允许容器扩展 */
-  display: inline-block;
+  //display: inline-block;
   max-width: 100%;
 }
+
 </style>