大屏页面初始化

2026-03-04 16:55:42 +08:00
parent f3e0444579
commit 35b0667446
8 changed files with 903 additions and 4 deletions
--- a/screen-vue/src/views/system/role/index.vue
+++ b/screen-vue/src/views/system/role/index.vue
@@ -1,8 +1,37 @@
 <template>
+  <ResizablePage 
+    :defaultWidth="200"
+    :minWidth="150"
+    :maxWidth="420"
+    bgColor="#fff" 
+  >
+    <template #sidebar>
+      <div class="sidebar-content">
+       
+      </div>
+    </template>
+    <template #main>
+      <div class="main-content">
+		  <vUser />
+      </div>
+    </template>
+  </ResizablePage>
 </template>

-<script>
+<script setup>
+import { ref } from 'vue'
+import ResizablePage from '@/components/Layout/proResizable.vue'
+import vUser from './list.vue'
 </script>

-<style>
+<style scoped>
+.sidebar-content {
+  width: 100%;
+  height: 100%;
+}
+
+.main-content {
+  padding: 0px;
+  height: 100%;
+}
 </style>