refactor(PlaceholderPage): 移除未使用的showFooter属性和MeauMobile组件
style(dashboard): 统一图表组件中的引号为双引号
This commit is contained in:
@@ -2,14 +2,12 @@ import React from "react";
|
|||||||
import { NavBar, Button } from "antd-mobile";
|
import { NavBar, Button } from "antd-mobile";
|
||||||
import { PlusOutlined } from "@ant-design/icons";
|
import { PlusOutlined } from "@ant-design/icons";
|
||||||
import Layout from "@/components/Layout/Layout";
|
import Layout from "@/components/Layout/Layout";
|
||||||
import MeauMobile from "@/components/MeauMobile/MeauMoible";
|
|
||||||
|
|
||||||
interface PlaceholderPageProps {
|
interface PlaceholderPageProps {
|
||||||
title: string;
|
title: string;
|
||||||
showBack?: boolean;
|
showBack?: boolean;
|
||||||
showAddButton?: boolean;
|
showAddButton?: boolean;
|
||||||
addButtonText?: string;
|
addButtonText?: string;
|
||||||
showFooter?: boolean;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const PlaceholderPage: React.FC<PlaceholderPageProps> = ({
|
const PlaceholderPage: React.FC<PlaceholderPageProps> = ({
|
||||||
@@ -17,13 +15,12 @@ const PlaceholderPage: React.FC<PlaceholderPageProps> = ({
|
|||||||
showBack = true,
|
showBack = true,
|
||||||
showAddButton = false,
|
showAddButton = false,
|
||||||
addButtonText = "新建",
|
addButtonText = "新建",
|
||||||
showFooter = true,
|
|
||||||
}) => {
|
}) => {
|
||||||
return (
|
return (
|
||||||
<Layout
|
<Layout
|
||||||
header={
|
header={
|
||||||
<NavBar
|
<NavBar
|
||||||
backArrow={showBack}
|
back={showBack}
|
||||||
style={{ background: "#fff" }}
|
style={{ background: "#fff" }}
|
||||||
onBack={showBack ? () => window.history.back() : undefined}
|
onBack={showBack ? () => window.history.back() : undefined}
|
||||||
left={
|
left={
|
||||||
@@ -43,7 +40,6 @@ const PlaceholderPage: React.FC<PlaceholderPageProps> = ({
|
|||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
}
|
}
|
||||||
footer={showFooter ? <MeauMobile /> : undefined}
|
|
||||||
>
|
>
|
||||||
<div style={{ padding: 20, textAlign: "center", color: "#666" }}>
|
<div style={{ padding: 20, textAlign: "center", color: "#666" }}>
|
||||||
<h3>{title}页面</h3>
|
<h3>{title}页面</h3>
|
||||||
|
|||||||
@@ -433,22 +433,22 @@ const Dashboard: React.FC<DashboardProps> = () => {
|
|||||||
<Row gutter={[16, 16]} className={styles.chartsRow}>
|
<Row gutter={[16, 16]} className={styles.chartsRow}>
|
||||||
<Col xs={24} sm={12} lg={6}>
|
<Col xs={24} sm={12} lg={6}>
|
||||||
<Card className={styles.chartCard}>
|
<Card className={styles.chartCard}>
|
||||||
<ReactECharts option={lineOption} style={{ height: '300px' }} />
|
<ReactECharts option={lineOption} style={{ height: "300px" }} />
|
||||||
</Card>
|
</Card>
|
||||||
</Col>
|
</Col>
|
||||||
<Col xs={24} sm={12} lg={6}>
|
<Col xs={24} sm={12} lg={6}>
|
||||||
<Card className={styles.chartCard}>
|
<Card className={styles.chartCard}>
|
||||||
<ReactECharts option={columnOption} style={{ height: '300px' }} />
|
<ReactECharts option={columnOption} style={{ height: "300px" }} />
|
||||||
</Card>
|
</Card>
|
||||||
</Col>
|
</Col>
|
||||||
<Col xs={24} sm={12} lg={6}>
|
<Col xs={24} sm={12} lg={6}>
|
||||||
<Card className={styles.chartCard}>
|
<Card className={styles.chartCard}>
|
||||||
<ReactECharts option={pieOption} style={{ height: '300px' }} />
|
<ReactECharts option={pieOption} style={{ height: "300px" }} />
|
||||||
</Card>
|
</Card>
|
||||||
</Col>
|
</Col>
|
||||||
<Col xs={24} sm={12} lg={6}>
|
<Col xs={24} sm={12} lg={6}>
|
||||||
<Card className={styles.chartCard}>
|
<Card className={styles.chartCard}>
|
||||||
<ReactECharts option={areaOption} style={{ height: '300px' }} />
|
<ReactECharts option={areaOption} style={{ height: "300px" }} />
|
||||||
</Card>
|
</Card>
|
||||||
</Col>
|
</Col>
|
||||||
</Row>
|
</Row>
|
||||||
|
|||||||
Reference in New Issue
Block a user