u

code/email/Email-Vue/src/components/custom-layout/index.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="layout-main">
+    <div class="layout-sidebar">
+      <slot name="sidebar"></slot>
+    </div>
+    <div class="layout-content">
+      <slot name="content"></slot>
+    </div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style scoped>
+.layout-main {
+  flex: 1;
+  display: flex;
+  overflow: hidden;
+  height: 100%;
+}
+.layout-sidebar {
+  border-right: 1px solid #e0e0e0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  z-index: 2;
+  background-color: #ffffff;
+}
+.layout-sidebar::-webkit-scrollbar {
+  display: none;
+}
+.layout-content {
+  flex: 1;
+  background-color: #ffffff;
+  overflow: auto;
+}
+</style>