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

样式调整
This commit is contained in:
笔记本里的永平
2025-07-21 12:38:59 +08:00
parent e67d485c78
commit 943925ec3f
2 changed files with 3 additions and 137 deletions

View File

@@ -4,68 +4,7 @@
min-height: 100vh;
}
.statsGrid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 24px;
}
.statsCard {
background: #fff;
border-radius: 12px;
padding: 16px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
:global(.adm-card-body) {
padding: 0;
}
}
.statsTitle {
font-size: 14px;
color: #666;
margin-bottom: 8px;
}
.statsValue {
font-size: 28px;
font-weight: 700;
color: var(--primary-color);
margin-bottom: 12px;
}
.progress {
margin-bottom: 8px;
:global(.adm-progress-bar) {
background-color: #f0f0f0;
}
:global(.adm-progress-bar-fill) {
background-color: var(--primary-color);
}
}
.statsSubtitle {
font-size: 12px;
color: #999;
}
.activityRate {
display: flex;
align-items: center;
font-size: 14px;
color: #52c41a;
margin-top: 8px;
}
.activityIcon {
width: 16px;
height: 16px;
margin-right: 4px;
color: #52c41a;
}
.section {
margin-bottom: 24px;
@@ -165,13 +104,8 @@
gap: 8px;
}
.statsCard,
.featureCard {
padding: 12px;
}
.statsValue {
font-size: 24px;
padding: 10px;
}
.featureIcon {

View File

@@ -9,6 +9,7 @@ import {
LinkOutlined,
AppstoreOutlined,
PieChartOutlined,
BarChartOutlined,
ClockCircleOutlined,
} from "@ant-design/icons";
import Layout from "@/components/Layout/Layout";
@@ -16,15 +17,6 @@ import MeauMobile from "@/components/MeauMobile/MeauMoible";
import styles from "./index.module.scss";
const Workspace: React.FC = () => {
// 模拟任务数据
const taskStats = {
total: 42,
inProgress: 12,
completed: 30,
todayTasks: 12,
activityRate: 98,
};
// 常用功能
const commonFeatures = [
{
@@ -101,7 +93,7 @@ const Workspace: React.FC = () => {
name: "AI数据分析",
description: "智能分析客户行为特征",
icon: (
<PieChartOutlined
<BarChartOutlined
className={styles.icon}
style={{ color: "#531dab" }}
/>
@@ -139,11 +131,6 @@ const Workspace: React.FC = () => {
},
];
// 进度条宽度
const progressPercent = Math.round(
(taskStats.inProgress / taskStats.total) * 100
);
return (
<Layout
header={
@@ -156,61 +143,6 @@ const Workspace: React.FC = () => {
footer={<MeauMobile />}
>
<div className={styles.workspace}>
{/* 任务统计卡片 */}
<div className={styles.statsGrid}>
<Card className={styles.statsCard}>
<div className={styles.statsTitle}></div>
<div className={styles.statsValue}>{taskStats.total}</div>
<div className={styles.progress}>
<div
style={{
width: progressPercent + "%",
height: 6,
background: "var(--primary-color)",
borderRadius: 4,
transition: "width 0.3s",
}}
/>
<div
style={{
width: 100 - progressPercent + "%",
height: 6,
background: "#f0f0f0",
borderRadius: 4,
display: "inline-block",
}}
/>
</div>
<div className={styles.statsSubtitle}>
: {taskStats.inProgress} / : {taskStats.completed}
</div>
</Card>
<Card className={styles.statsCard}>
<div className={styles.statsTitle}></div>
<div className={styles.statsValue} style={{ color: "#52c41a" }}>
{taskStats.todayTasks}
</div>
<div className={styles.activityRate}>
<svg
className={styles.activityIcon}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3 12H7L10 19L14 5L17 12H21"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
<span> {taskStats.activityRate}%</span>
</div>
</Card>
</div>
{/* 常用功能 */}
<div className={styles.section}>
<h2 className={styles.sectionTitle}></h2>