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

样式调整
This commit is contained in:
笔记本里的永平
2025-07-21 18:18:45 +08:00
parent 340bd3e2f5
commit 0658292354
12 changed files with 1070 additions and 69 deletions

View File

@@ -82,13 +82,12 @@ const Scene: React.FC = () => {
<Layout
header={
<NavBar back={null} style={{ background: "#fff" }}>
<div className={style["nav-title"]}></div>
<div className="nav-title"></div>
<Button
size="small"
color="primary"
onClick={handleNewPlan}
className={style["new-plan-btn"]}
style={{ marginLeft: "auto" }}
className="new-plan-btn"
>
<PlusOutlined />
</Button>
@@ -113,21 +112,19 @@ const Scene: React.FC = () => {
<NavBar
back={null}
style={{ background: "#fff" }}
left={<div className={style["nav-title"]}></div>}
left={<div className="nav-title"></div>}
right={
<Button
size="small"
color="primary"
onClick={handleNewPlan}
className={style["new-plan-btn"]}
style={{ marginLeft: "auto" }}
className="new-plan-btn"
>
<PlusOutlined />
</Button>
}
></NavBar>
}
footer={<MeauMobile />}
>
<div className={style["scene-page"]}>
<div className={style["scenarios-grid"]}>

View File

@@ -2,18 +2,6 @@
padding:0 16px;
}
.nav-title {
font-size: 18px;
font-weight: 600;
color: #333;
}
.new-plan-btn {
font-size: 14px;
height: 32px;
padding: 0 12px;
}
.loading {
display: flex;
flex-direction: column;

View File

@@ -356,8 +356,8 @@ const ScenarioList: React.FC = () => {
back={null}
style={{ background: "#fff" }}
left={
<div className={style["nav-title"]}>
<span style={{ verticalAlign: "middle" }}>
<div className="nav-title">
<span className="nav-back-btn">
<LeftOutline onClick={() => navigate(-1)} fontSize={24} />
</span>
{scenarioName}
@@ -368,7 +368,7 @@ const ScenarioList: React.FC = () => {
size="small"
color="primary"
onClick={handleCreateNewPlan}
className={style["new-plan-btn"]}
className="new-plan-btn"
>
<PlusOutlined />
</Button>

View File

@@ -248,41 +248,36 @@ const NewPlan: React.FC = () => {
return (
<Layout
header={
<NavBar
back={null}
style={{ background: "#fff" }}
left={
<div className={style["nav-title"]}>
{isEdit ? "编辑计划" : "新建计划"}
</div>
}
right={
<Button
size="small"
onClick={() => navigate(-1)}
className={style["back-btn"]}
>
<LeftOutline />
</Button>
}
/>
<>
<NavBar
back={null}
style={{ background: "#fff" }}
left={
<div className="nav-title">
<span className="nav-back-btn">
<LeftOutline onClick={() => navigate(-1)} fontSize={24} />
</span>
{isEdit ? "编辑计划" : "新建计划"}
</div>
}
/>
{/* 步骤指示器 */}
<div className={style["steps-container"]}>
<Steps current={currentStep - 1}>
{steps.map((step) => (
<Steps.Step
key={step.id}
title={step.title}
description={step.subtitle}
/>
))}
</Steps>
</div>
</>
}
footer={<MeauMobile />}
>
<div className={style["new-plan-page"]}>
{/* 步骤指示器 */}
<div className={style["steps-container"]}>
<Steps current={currentStep - 1}>
{steps.map((step) => (
<Steps.Step
key={step.id}
title={step.title}
description={step.subtitle}
/>
))}
</Steps>
</div>
{/* 步骤内容 */}
<div className={style["step-content"]}>{renderStepContent()}</div>
</div>

View File

@@ -1,6 +1,4 @@
.new-plan-page {
background: #f5f5f5;
min-height: 100vh;
}
.nav-title {
@@ -31,10 +29,8 @@
}
.steps-container {
background: white;
padding: 20px 16px;
background: #ffffff;
margin-bottom: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.step-content {