feat: 本次提交更新内容如下

样式修复
This commit is contained in:
笔记本里的永平
2025-07-22 12:07:59 +08:00
parent 8c85792f67
commit 28059d7e2b
10 changed files with 189 additions and 230 deletions

View File

@@ -6,6 +6,8 @@ import {
ArrowLeftOutlined,
} from "@ant-design/icons";
import { Button, Input, Switch, message, Spin } from "antd";
import { NavBar } from "antd-mobile";
import Layout from "@/components/Layout/Layout";
import {
createAutoLikeTask,
updateAutoLikeTask,
@@ -120,21 +122,6 @@ const NewAutoLike: React.FC = () => {
}
};
// 顶部导航栏
const renderNavBar = () => (
<div className={style["nav-bar"]}>
<Button
type="text"
icon={<ArrowLeftOutlined />}
className={style["nav-back-btn"]}
onClick={() => navigate(-1)}
/>
<span className={style["nav-title"]}>
{isEditMode ? "编辑自动点赞" : "新建自动点赞"}
</span>
</div>
);
// 步骤1基础设置
const renderBasicSettings = () => (
<div className={style["form-section"]}>
@@ -314,23 +301,43 @@ const NewAutoLike: React.FC = () => {
);
return (
<div className={style["new-page-bg"]}>
{renderNavBar()}
<div className={style["new-page-center"]}>
{/* 步骤器保留新项目的 */}
{/* 你可以在这里插入新项目的步骤器组件 */}
<div className={style["form-card"]}>
{currentStep === 1 && renderBasicSettings()}
{currentStep === 2 && renderDeviceSelection()}
{currentStep === 3 && renderFriendSettings()}
{isLoading && (
<div className={style["loading"]}>
<Spin />
<Layout
header={
<NavBar
back={null}
style={{ background: "#fff" }}
left={
<div className="nav-title">
<ArrowLeftOutlined
twoToneColor="#1677ff"
onClick={() => navigate(-1)}
/>
</div>
)}
}
>
<span className="nav-title">
{isEditMode ? "编辑自动点赞" : "新建自动点赞"}
</span>
</NavBar>
}
>
<div className={style["new-page-bg"]}>
<div className={style["new-page-center"]}>
{/* 步骤器保留新项目的 */}
{/* 你可以在这里插入新项目的步骤器组件 */}
<div className={style["form-card"]}>
{currentStep === 1 && renderBasicSettings()}
{currentStep === 2 && renderDeviceSelection()}
{currentStep === 3 && renderFriendSettings()}
{isLoading && (
<div className={style["loading"]}>
<Spin />
</div>
)}
</div>
</div>
</div>
</div>
</Layout>
);
};