From 6d81f3234b2cdd148edeba9cb8db2a2a8801b9de Mon Sep 17 00:00:00 2001
From: HG-abab <1695059005@qq.com>
Date: Wed, 21 May 2025 19:28:47 +0800
Subject: [PATCH 1/3] Update ecologyTitle styles and default props

---
 src/components/ecologyTitle.vue | 18 ++++++++++++------
 src/style.css                   |  2 +-
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/components/ecologyTitle.vue b/src/components/ecologyTitle.vue
index 50fab46..0dfbc79 100644
--- a/src/components/ecologyTitle.vue
+++ b/src/components/ecologyTitle.vue
@@ -2,7 +2,7 @@
 const props = defineProps({
   data: {
     type: Object,
-    default: () => {}
+    default: () => { }
   },
   width: {
     type: String,
@@ -41,7 +41,7 @@ const props = defineProps({
   /* background-color: antiquewhite; */
   font-family: 'SourceHanSansCN';
   padding: 1.999rem;
-  font-size: 1.6rem;
+  font-size: 1.9rem;
   color: #fff;
 
   .container {
@@ -74,7 +74,7 @@ const props = defineProps({
     height: 1.8rem;
     border-radius: 0.9rem;
     opacity: 1;
-    background: linear-gradient(90deg, #2a553a 0%, #73737300 100%);
+    background: linear-gradient(270deg, #142222 0%, #2a553a 100%);
     line-height: 0px;
     padding-left: 1rem;
     font-size: 1.8rem;
@@ -83,24 +83,30 @@ const props = defineProps({
 
 .main {
   margin-left: 1rem;
-  width: 80%;
+  width: 95%;
   height: 20%;
   display: flex;
   justify-content: start;
   align-items: center;
+
   .title2 {
-    padding: 0.2rem;
+    padding: 0.1rem;
     width: 9rem;
     height: 3.6rem;
     border-radius: var(--border-radius);
     background: linear-gradient(to right, #898888 0%, #73737300 100%);
+    margin-left: -1rem;
+
+    &:first-child {
+      margin-left: 0;
+    }
 
     .title1 {
       width: 100%;
       height: 100%;
       border-radius: var(--border-radius);
       opacity: 1;
-      background: linear-gradient(to left, #73737300 0%, #366543 100%);
+      background: linear-gradient(270deg, #0f0f0f00 20%, #366543 100%);
       display: flex;
       justify-content: center;
       align-items: center;
diff --git a/src/style.css b/src/style.css
index 24b7eca..3de4ca2 100644
--- a/src/style.css
+++ b/src/style.css
@@ -15,7 +15,7 @@
   --border-default: rgba(255, 255, 255, 0.3);
   --border-light: rgba(255, 255, 255, 0.1);
   --border-active: rgba(255, 255, 255, 0.3);
-  --border-radius: 0.8rem;
+  --border-radius: 2rem;
 
   /* 图表颜色 */
   --chart-green-normal: #275b38;

From 789432a9636208932056a78c67e8cdbfac51af0c Mon Sep 17 00:00:00 2001
From: HG-abab <1695059005@qq.com>
Date: Wed, 21 May 2025 19:31:15 +0800
Subject: [PATCH 2/3] Remove duplicate default prop in ecologyTitle

---
 src/components/ecologyTitle.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/ecologyTitle.vue b/src/components/ecologyTitle.vue
index 2713367..c275d77 100644
--- a/src/components/ecologyTitle.vue
+++ b/src/components/ecologyTitle.vue
@@ -3,7 +3,6 @@ const props = defineProps({
   data: {
     type: Object,
     default: () => { }
-    default: () => { }
   },
   width: {
     type: String,

From 6a844321ef91e1d780c3288b91757e997889d567 Mon Sep 17 00:00:00 2001
From: HG-abab <1695059005@qq.com>
Date: Wed, 21 May 2025 19:41:04 +0800
Subject: [PATCH 3/3] Adjust ecologyTitle height and add margin-bottom

---
 src/components/ecologyTitle.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/ecologyTitle.vue b/src/components/ecologyTitle.vue
index c275d77..f5de322 100644
--- a/src/components/ecologyTitle.vue
+++ b/src/components/ecologyTitle.vue
@@ -46,11 +46,12 @@ const props = defineProps({
 
   .container {
     width: 100%;
-    height: 50%;
+    height: 42%;
     display: flex;
     flex-direction: column;
     justify-content: space-around;
     align-items: start;
+    margin-bottom: 2.5rem;
   }
 }