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;