- {stats.map((item) => (
-
-
{item.title}
- {item.value}
- {item.time}
+
+ 
+
+
+
- ))}
+ {stats[0].title}
+ {stats[0].value}
+ {stats[0].time}
+
+
+
+
+ {stats[1].title}
+ {stats[1].value}
+ {stats[1].time}
+
+
+
+
+
+ {stats[2].title}
+ {stats[2].value}
+ {stats[2].time}
+
+
+
+
+
+ {stats[3].title}
+ {stats[3].value}
+ {stats[3].time}
+
+
+
+
+ {stats[4].title}
+ {stats[4].value}
+ {stats[4].time}
+
diff --git a/src/pages/business_environmental_activities/components/EventReport.less b/src/pages/business_environmental_activities/components/EventReport.less
index 93ee3a8..d53a41e 100644
--- a/src/pages/business_environmental_activities/components/EventReport.less
+++ b/src/pages/business_environmental_activities/components/EventReport.less
@@ -1,4 +1,3 @@
-
.container {
background: #f6f8fb;
border-radius: 10px;
@@ -17,13 +16,63 @@
}
.statCard {
- background: #fff;
- border-radius: 10px;
+ background: linear-gradient(0deg, #ffffff, #ffffff);
+ border: 2px solid #fff;
+ border-radius: 2px;
padding: 12px 16px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 12px;
+}
+
+.statCard1,
+.statCard2,
+.statCard3,
+.statCard4,
+.statCard5 {
+ border-width: 2px;
+}
+
+.statCard1 {
+ background:
+ linear-gradient(180deg, rgba(69, 150, 255, 0.2) 3.37%, rgba(255, 255, 255, 0) 100%);
+}
+
+.statCard2 {
+ background:
+ linear-gradient(180deg, rgba(76, 255, 88, 0.2) 3.37%, rgba(255, 255, 255, 0) 100%);
+}
+
+.statCard3 {
+ background:
+ linear-gradient(180deg, rgba(69, 150, 255, 0.2) 3.37%, rgba(255, 255, 255, 0) 100%);
+}
+
+
+.statCard4 {
+ background: linear-gradient(180deg, rgba(255, 143, 66, 0.2) 3.37%, rgba(255, 255, 255, 0) 100%);
+
+}
+
+.statCard5 {
+
+ background:
+ linear-gradient(180deg, rgba(255, 69, 96, 0.2) 3.37%, rgba(255, 255, 255, 0) 100%);
+}
+
+.statCardLeft {
display: flex;
flex-direction: column;
gap: 6px;
+ text-align: left;
+}
+
+.statIcon {
+ width: 74px;
+ height: 74px;
+ object-fit: contain;
}
.statTitle {
@@ -43,22 +92,18 @@
}
.filterRow {
- background: #fff;
- border-radius: 10px;
- padding: 10px 12px;
+ padding: 0px 12px;
display: flex;
align-items: center;
gap: 14px;
- box-shadow: 0 8px 18px rgba(0, 0, 0, 0.04);
}
.reportButton {
- background: linear-gradient(98deg, #12d49c 0%, #0ec9c9 100%);
+ background: rgba(0, 212, 138, 1);
border: none;
- border-radius: 8px;
- padding: 0 16px;
- height: 34px;
- box-shadow: 0 6px 14px rgba(18, 212, 156, 0.25);
+ padding: 0 12px;
+ height: 30px;
+
}
.filters {
@@ -189,4 +234,4 @@
.secondaryAction {
color: #3e7aff;
-}
+}
\ No newline at end of file