Kaynağa Gözat

修改系统亮点

BAI 3 hafta önce
ebeveyn
işleme
ee415d07fe

BIN
RuoYi-Vue3/src/assets/images/历史洪水.png


BIN
RuoYi-Vue3/src/assets/images/四预.png


+ 4 - 4
RuoYi-Vue3/src/data/projectCasesData.js

@@ -113,12 +113,12 @@ export const projectData = [
     technicalHighlights: {
       dataBase: {
         title: '数据底板',
-        description: '构建符合太湖流域平原感潮河网地区特点的数据底板,整合多源数据,实现流域数据的全面覆盖和精准映射。',
-        features: ['多源数据融合', '高精度数字孪生建模', '实时数据更新', '数据质量管控']
+        description: '数据底板构建核心在于构建符合平原感潮河网双向水流、水位多变特点的全要素、高精度、动态化数字映射。',
+        features: ['多源数据融合', '水利枢纽', '三维场景']
       },
       floodControl: {
-        title: '防洪四预',
-        description: '建成满足多目标统筹调度要求的防洪“四预”应用,实现洪水的精准预测、预警、预演和预案,提升流域防洪能力。',
+        title: '四预一体化',
+        description: '建成满足多目标统筹调度要求的“四预”应用,实现洪水的精准预测、预警、预演和预案,提升流域防洪能力。',
         features: ['洪水预测预警', '防洪调度预演', '应急预案管理', '实时风险评估']
       },
       historicalTopics: {

+ 4 - 4
RuoYi-Vue3/src/views/front/ProjectCases.vue

@@ -989,15 +989,15 @@ const goToHome = () => {
 }
 
 .accordion-item:nth-child(2) {
-  background-image: url('@/assets/images/防汛演练.jpg');
+  background-image: url('@/assets/images/四预.png');
 }
 
 .accordion-item:nth-child(3) {
-  background-image: url('@/assets/images/抗咸保供.png');
+  background-image: url('@/assets/images/历史洪水.png');
 }
 
 .accordion-item:nth-child(4) {
-  background-image: url('@/assets/images/贡湖.png');
+  background-image: url('@/assets/images/抗咸保供.png');
 }
 
 /* 背景图片增强文字可读性 */
@@ -1008,7 +1008,7 @@ const goToHome = () => {
   left: 0;
   right: 0;
   bottom: 0;
-  background: rgba(0, 0, 0, 0.4); /* 半透明黑色叠加层 */
+  background: linear-gradient(to right, rgba(0, 0, 0, 1), transparent); /* 渐变黑色到透明,左侧完全不透明 */
   transition: all 0.3s ease;
 }