初始化仓库

src/views/nav.vue

@@ -0,0 +1,89 @@
+<template>
+  <div class="app-container">
+    <Sidebar class="noneText" @activeIndex="activeIndexFn" />
+    <div class="content ">
+      <div v-show="activeIndexA == 1">
+        <workbenches />
+      </div>
+      <div v-show="activeIndexA == 2">
+        <hostsList />
+      </div>
+      <div style="position: absolute; bottom: 0; right: 0;">{{ version }}</div>
+
+
+    </div>
+  </div>
+</template>
+
+<script setup>
+import Sidebar from '../components/Sidebar.vue';
+import { RouterLink, RouterView } from 'vue-router'
+import hostsList from '@/views/hosts/hostsList.vue'
+import workbenches from '@/views/hosts/workbenches.vue'
+import { ref } from 'vue'
+import { getUser } from '@/utils/storage'
+// import { usePythonBridge } from '@/utils/pythonBridge'
+
+
+
+
+
+
+let activeIndexA = ref(1)
+
+function activeIndexFn(data) {
+  activeIndexA.value = data
+  console.log(data)
+}
+
+
+</script>
+
+<style lang="less">
+body,
+html {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+}
+
+.app-container {
+  display: flex;
+  width: 1600px;
+  height: 900px;
+  background-color: @bg-color;
+  position: relative;
+
+
+}
+
+.noneText {
+  /* 页面无法选中 */
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.sidebar {
+  width: 200px;
+  background-color: @bg-color;
+  padding: 20px;
+  /* box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1); */
+}
+
+.content {
+  margin-left: 280px;
+  width: 1304px;
+  height: 868px;
+  background: #FFFFFF;
+  border-radius: 36px;
+  margin-top: 16px;
+}
+
+.center-justify {
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+}
+</style>