更改样式

src/views/DirectSale.vue

@@ -1,7 +1,10 @@
 <template>
   <div class="direct-sale-container">
     <div class="page-header">
-      <h1>直营列表</h1>
+      <div class="header-left">
+        <h1>直营列表</h1>
+        <p>查看代理下的直营用户</p>
+      </div>
       <el-button type="primary" @click="createDirectSaler">
         <el-icon><Plus /></el-icon>
         创建直营
@@ -382,21 +385,32 @@ onMounted(() => {
   padding: 20px;
 }
 
-/* .page-header {
-  margin-bottom: 20px;
-} */
 .page-header {
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items: flex-start;
   margin-bottom: 20px;
 }
 
-.page-header h1 {
+.header-left {
+  display: block;
+  align-items: center;
+  gap: 16px;
+}
+
+.header-left h1 {
   margin: 0;
   font-size: 24px;
   font-weight: 600;
   color: #303133;
+  white-space: nowrap;
+}
+
+.header-left p {
+  margin: 0;
+  color: #909399;
+  font-size: 14px;
+  padding-top: 4px; /* 微调垂直对齐 */
 }
 
 .search-section {