文件移动

src/components/ButtonOwn/index.tsx

@@ -8,14 +8,14 @@ import styles from "./style.module.scss";
  * @param {any} children 插槽内容
  * @param {boolean} active 是否高亮
  */
-export interface ButtonProps {
+export interface ButtonOwnProps {
     children?: any;
     active?: boolean;
     callbackFun?: () => void;
     [props: string]: any
 }
 
-const ButtonOwn: FC<PropsWithChildren<ButtonProps>> = ({children = '', active = false, callbackFun}) => {
+const ButtonOwn: FC<PropsWithChildren<ButtonOwnProps>> = ({children = '', active = false, callbackFun}) => {
     const style = clsx({
         [styles.button]: true,
         [styles.active]: active,

src/components/DomainFooter/index.tsx

@@ -7,12 +7,12 @@ import styles from "./style.module.scss";
  * @description 域名说明Footer组件
  * @param {any} children 插槽内容
  */
-export interface FooterProps {
+export interface DomainFooterProps {
     children?: any;
     [props: string]: any
 }
 
-const DomainFooter: FC<PropsWithChildren<FooterProps>> = () => {
+const DomainFooter: FC<PropsWithChildren<DomainFooterProps>> = () => {
     const style = clsx({
         [styles.iconfontIcon]: true,
     }, 'iconfont icon-a-18');

src/components/HeaderBack/index.tsx

@@ -1,3 +1,4 @@
+"use client";
 import { FC, PropsWithChildren, ReactNode } from "react";
 import clsx from "clsx";
 import styles from "./style.module.scss";
@@ -5,15 +6,17 @@ import styles from "./style.module.scss";
 /**
  * @description 自定义头部返回组件
  * @param {string} title header标题
+ * @param {ReactNode} children 插槽内容
  * @param {() => ReactNode} headerRender 自定义渲染
  */
 
-export interface HeaderProps {
+export interface HeaderBackProps {
     title?: string;
+    children?: ReactNode;
     headerRender?: () => ReactNode;
 }
 
-const Header: FC<PropsWithChildren<HeaderProps>> = ({title = ''}) => {
+const HeaderBack: FC<PropsWithChildren<HeaderBackProps>> = ({title = '', children}) => {
     const icon1 = clsx({
         [styles.iconfontIcon1]: true,
     },'iconfont icon-xiangzuo1');
@@ -25,7 +28,8 @@ const Header: FC<PropsWithChildren<HeaderProps>> = ({title = ''}) => {
             <div className={styles.left}>
                 <span className={icon1}></span>
             </div>
-            <span className={styles.title}>{title}</span>
+            {title && <span className={styles.title}>{title}</span>}
+            {children}
             <span className={styles.right}>
                 <span className={icon2}></span>
             </span>
@@ -33,4 +37,4 @@ const Header: FC<PropsWithChildren<HeaderProps>> = ({title = ''}) => {
     );
 };
 
-export default Header;
+export default HeaderBack;