活动管理

main
wangyunfei888 1 month ago
parent 6710f85cc1
commit 61aade44b9

@ -9,10 +9,10 @@ import {
import styles from './ActivityManagement.less'; import styles from './ActivityManagement.less';
const statusMeta = { const statusMeta = {
ongoing: { label: '进行中', ribbon: '#20c997' }, ongoing: { label: '准备中', ribbon: '#20c997' },
published: { label: '已发布', ribbon: '#20c997' }, published: { label: '已完成', ribbon: '#20c997' },
finished: { label: '已结束', ribbon: '#fa8c16' }, finished: { label: '已发布', ribbon: '#fa8c16' },
archived: { label: '已归档', ribbon: '#999999' }, archived: { label: '已取消', ribbon: '#999999' },
}; };
const sampleFiles = [ const sampleFiles = [
@ -129,6 +129,7 @@ const ActivityManagement = () => {
</div> </div>
<div className={styles.cardBody}> <div className={styles.cardBody}>
<div className={styles.titleRow}> <div className={styles.titleRow}>
<span style={{ display: 'inline-block', width: 3, height: 16, background: 'rgba(0, 157, 111, 1)', borderRadius: 2, marginRight: 8 }} />
<div className={styles.title}>{item.title}</div> <div className={styles.title}>{item.title}</div>
</div> </div>
<div className={styles.metaRow}> <div className={styles.metaRow}>

@ -17,23 +17,27 @@
} }
.createButton { .createButton {
background: linear-gradient(98deg, #12d49c 0%, #0ec9c9 100%); background: rgba(0, 212, 138, 1);
border: none; border: none;
border-radius: 8px; border-radius: 2px;
padding: 6px 16px; padding: 2px 12px;
height: 34px; height: 32px;
box-shadow: 0 6px 14px rgba(18, 212, 156, 0.25);
&:hover, &:hover,
&:focus { &:focus {}
background: linear-gradient(98deg, #0fcf94 0%, #0cbcbc 100%);
}
} }
.filters { .filters {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 24px; gap: 24px;
:global {
.ant-checkbox-checked .ant-checkbox-inner {
background-color: rgba(0, 212, 138, 1);
border-color: rgba(0, 212, 138, 1);
}
}
} }
.filterGroup { .filterGroup {
@ -115,7 +119,7 @@
.titleRow { .titleRow {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: start;
} }
.title { .title {

Loading…
Cancel
Save