1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
| export interface ListItem {
| avatar: string;
| title: string;
| datetime: string;
| type: string;
| description: string;
| status?: "primary" | "success" | "warning" | "info" | "danger";
| extra?: string;
| }
|
| export interface TabItem {
| key: string;
| name: string;
| list: ListItem[];
| emptyText: string;
| }
|
| export const noticesData: TabItem[] = [
| {
| key: "1",
| name: "通知",
| list: [],
| emptyText: "暂无通知"
| },
| {
| key: "2",
| name: "消息",
| list: [
| {
| avatar: "https://xiaoxian521.github.io/hyperlink/svg/smile1.svg",
| title: "小铭 评论了你",
| description: "诚在于心，信在于行，诚信在于心行合一。",
| datetime: "今天",
| type: "2"
| },
| {
| avatar: "https://xiaoxian521.github.io/hyperlink/svg/smile2.svg",
| title: "李白 回复了你",
| description: "长风破浪会有时，直挂云帆济沧海。",
| datetime: "昨天",
| type: "2"
| },
| {
| avatar: "https://xiaoxian521.github.io/hyperlink/svg/smile5.svg",
| title: "标题",
| description:
| "请将鼠标移动到此处，以便测试超长的消息在此处将如何处理。本例中设置的描述最大行数为2，超过2行的描述内容将被省略并且可以通过tooltip查看完整内容",
| datetime: "时间",
| type: "2"
| }
| ],
| emptyText: "暂无消息"
| },
| {
| key: "3",
| name: "待办",
| list: [
| {
| avatar: "",
| title: "第三方紧急代码变更",
| description:
| "小林提交于 2024-05-10，需在 2024-05-11 前完成代码变更任务",
| datetime: "",
| extra: "马上到期",
| status: "danger",
| type: "3"
| },
| {
| avatar: "",
| title: "版本发布",
| description: "指派小铭于 2024-06-18 前完成更新并发布",
| datetime: "",
| extra: "已耗时 8 天",
| status: "warning",
| type: "3"
| },
| {
| avatar: "",
| title: "新功能开发",
| description: "开发多租户管理",
| datetime: "",
| extra: "进行中",
| type: "3"
| },
| {
| avatar: "",
| title: "任务名称",
| description: "任务需要在 2030-10-30 10:00 前启动",
| datetime: "",
| extra: "未开始",
| status: "info",
| type: "3"
| }
| ],
| emptyText: "暂无待办"
| }
| ];
|
|
