ui设计

2025-04-09 21:07:15 +08:00
parent 758fdb49c2
commit b71c2bd071
24 changed files with 1144 additions and 218 deletions
--- a/src/views/nav.vue
+++ b/src/views/nav.vue
@@ -1,7 +1,7 @@
 <template>
  <div class="app-container">
    <Sidebar />
-    <div class="content">
+    <div class="content ">
      <RouterView />
    </div>
  </div>
@@ -23,21 +23,31 @@ html {

 .app-container {
  display: flex;
-  height: 100vh;
+  width: 1600px;
+  height: 900px;
+  background-color: #338F6A;
+
 }

 .sidebar {
  width: 200px;
-  background-color: #f5f5f5;
+  background-color: #338F6A;
  padding: 20px;
-  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
+  /* box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1); */
 }

 .content {
-  width: calc(100% - 200px);
-  margin-left: 200px;
-  padding: 20px;
-
+  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>