临时

src/components/Pageheader/index.vue

@@ -1,15 +1,21 @@
 <template>
   <div class="PageHeaderBox">
-    <!-- 面包屑 -->
-    <breadcrumb class="breadcrumb-container" />
-    <!-- 页面标题 -->
-    <div class="pageTitleBox flex items-center">
-      <div class="line"></div>
-      <div class="pagetitle">{{ props.title }}</div>
+    <div class="leftbox">
+      <!-- 面包屑 -->
+      <breadcrumb class="breadcrumb-container" />
+      <!-- 页面标题 -->
+      <div class="pageTitleBox flex items-center">
+        <div class="line"></div>
+        <div class="pagetitle">{{ props.title }}</div>
+      </div>
+      <!-- solt -->
+      <slot name="content" v-if="showSlot"></slot>
+      <div class="h-20px" v-show="!showSlot"></div>
+    </div>
+    <div class="rightbox">
+      <!-- 操作按钮 -->
+      <slot name="operate" v-if="showSlot"></slot>
     </div>
-    <!-- solt -->
-    <slot name="content" v-if="showSlot"></slot>
-    <div class="h-20px" v-show="!showSlot"></div>
   </div>
 </template>
 
@@ -29,6 +35,7 @@ const props = defineProps({
 
 defineSlots<{
   content?: () => void;
+  operate?: () => void;
 }>();
 </script>
 
@@ -39,6 +46,12 @@ defineSlots<{
   background-color: #fff;
   border-radius: 2px;
   background-color: rgba(255, 255, 255, 1);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  .leftbox {
+    flex: 1;
+  }
   .pageTitleBox {
     .line {
       width: 5px;