From b10ced07f73fa3778fece21576c1204733ade14d Mon Sep 17 00:00:00 2001
From: LiuJiaNan <15703339975@163.com>
Date: Tue, 28 Oct 2025 16:13:50 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96HeaderBack?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/HeaderBack/index.d.ts | 4 +++-
 components/HeaderBack/index.js   | 4 ++--
 components/HeaderBack/index.less | 1 +
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/components/HeaderBack/index.d.ts b/components/HeaderBack/index.d.ts
index 9e3081a..e8c0c7a 100644
--- a/components/HeaderBack/index.d.ts
+++ b/components/HeaderBack/index.d.ts
@@ -1,4 +1,4 @@
-import type { FC, ReactNode } from "react";
+import type { CSSProperties, FC, ReactNode } from "react";
 
 export interface HeaderBackProps {
   /** 标题 */
@@ -10,6 +10,8 @@ export interface HeaderBackProps {
   };
   /** 是否显示返回按钮，默认为 true */
   previous?: boolean;
+  /** 自定义样式 */
+  style?: CSSProperties;
 }
 
 /** 头部返回组件 */
diff --git a/components/HeaderBack/index.js b/components/HeaderBack/index.js
index 2d5913d..c974747 100644
--- a/components/HeaderBack/index.js
+++ b/components/HeaderBack/index.js
@@ -6,10 +6,10 @@ import "./index.less";
  * 头部返回组件
  */
 function HeaderBack(props) {
-  const { title, history, previous = true } = props;
+  const { title, history, previous = true, style = {} } = props;
 
   return (
-    <div className="header-back">
+    <div className="header-back" style={style}>
       <div className="action">
         {
           previous
diff --git a/components/HeaderBack/index.less b/components/HeaderBack/index.less
index 8157a3d..b0d5055 100644
--- a/components/HeaderBack/index.less
+++ b/components/HeaderBack/index.less
@@ -1,6 +1,7 @@
 .header-back {
   padding: 10px 20px;
   border-bottom: 1px solid #dcdfe6;
+  margin-bottom: 10px;
 
   .action {
     display: flex;