feat: 页面标签组件样式与功能优化

src/components/pageTabs/style.module.less

@@ -2,6 +2,8 @@
 
 .pageTabsWrap {
   position: relative;
+  display: flex;
+  align-items: center;
   width: 100%;
   height: 100%;
 
@@ -42,13 +44,46 @@
   }
 
   .navBtnRight {
-    right: 0;
+    right: 34px;
+  }
+
+  .batchBtn {
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    margin-left: 6px;
+    padding: 0;
+    border: none;
+    border-radius: 6px;
+    background: #fff;
+    color: rgba(0, 0, 0, 0.45);
+    box-shadow: 0 0 4px rgba(214, 214, 214, 0.9);
+    cursor: pointer;
+    transition:
+      color 0.15s,
+      background-color 0.15s;
+
+    &:hover {
+      color: rgba(0, 0, 0, 0.88);
+      background: #f5f5f5;
+    }
+
+    &:active {
+      color: rgba(0, 0, 0, 0.88);
+      background: #ebebeb;
+    }
   }
 
   .pageTabs {
     display: flex;
+    flex: 1;
     align-items: flex-start;
-    width: 100%;
+    box-sizing: border-box;
+    min-width: 0;
+    width: auto;
     height: 100%;
     overflow-x: auto;
     overflow-y: hidden;
@@ -227,3 +262,29 @@
     }
   }
 }
+
+.batchMenuItem {
+  display: flex;
+  align-items: center;
+  padding: 4px 0;
+  gap: 8px;
+  line-height: 1;
+}
+
+.batchMenuItem + .batchMenuItem {
+  margin-top: 4px;
+}
+
+.batchMenuIcon {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  line-height: 1;
+
+  > svg {
+    display: block;
+  }
+}