xiugai

src/App.vue

@@ -57,8 +57,8 @@ header {
 
 .main-content {
   /* padding-top: 30px; */
-  overflow: hidden;
-  height: 100vh;
+  /* overflow: hidden; */
+  /* height: 100vh; */
 }
 
 .x-search-bar .ant-form-item {

src/components/Header.vue

@@ -4,7 +4,7 @@
     <!-- 左侧导航 -->
     <nav class="nav-left">
       <a href="/" class="nav-item">首页</a>
-      <a href="/compute" class="nav-item">算力中心</a>
+      <a href="/layout/market" class="nav-item">算力中心</a>
       <a href="/cloud-server" class="nav-item">云主机</a>
     </nav>
 

src/components/layout.vue

@@ -38,6 +38,7 @@ import Sidebar from './sidebar.vue'
 .main-content {
     flex: 1;
     min-width: 0;
+    min-height: 100vh;
     background: #f5f5f5;
 }
 

src/router/index.ts

@@ -36,6 +36,16 @@ const routes: RouteRecordRaw[] = [
         name: "LayoutHome",
         component: () => import("@/views/home/index.vue"),
       },
+      {
+        path: "market",
+        name: "LayoutMarket",
+        component: () => import("@/views/market/index.vue"),
+      },
+      {
+        path: "create",
+        name: "Create",
+        component: () => import("@/views/instanceCreate/index.vue"),
+      },
       {
         path: "admin",
         name: "Admin",
@@ -112,13 +122,13 @@ const routes: RouteRecordRaw[] = [
             name: "flow",
             component: () => import("@/views/admin/account/cost/flow/index.vue"),
           },
-           {
+          {
             path: "invoice",
             name: "invoice",
             component: () => import("@/views/admin/account/cost/invoice/index.vue"),
           },
-          
-           {
+
+          {
             path: "myOrder",
             name: "myOrder",
             component: () => import("@/views/admin/account/cost/myOrder/index.vue"),

src/views/layout/index.vue

@@ -81,7 +81,7 @@ watch(() => route.path, () => {
 // 菜单数据（key 使用子路径，如 '/admin'）
 const leftRoutes = ref([
     { key: '/home', label: '首页' },
-    { key: '/center', label: '算力中心' },
+    { key: '/market', label: '算力中心' },
     { key: '/yunmain', label: '云主机' }
 ])
 const rightRoutes = ref([
@@ -153,7 +153,7 @@ const logout = () => {
 
     .gx_layout_content {
         margin-top: 60px;
-        height: calc(100% - 60px);
+        min-height: calc(100% - 60px);
         background-color: rgba(240, 240, 240, 1);
     }
 }