样式调整

src/assets/styles/index.scss

@@ -264,6 +264,16 @@ aside {
   font-family: 'YouSheBiaoTiHei';
 }
 
+.gradient-text3 {
+  font-size: 38px;
+  color: transparent;
+  background-image: linear-gradient(to bottom, #ffffff 25%, #2b72d6 100%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  display: inline-block;
+  font-family: 'YouSheBiaoTiHei';
+}
+
 ::-webkit-scrollbar-thumb {
   background-color: #227dfe !important;
 }
@@ -518,3 +528,10 @@ aside {
   color: #ffffff;
   font-size: 44px;
 }
+
+.common-title {
+  position: absolute;
+  top: 6px;
+  left: 141px;
+  font-size: 60px;
+}

src/views/emergencyCommandMap/LeftSection/VideoMonitor.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="video-card">
-    <div class="title gradient-text">视频监控</div>
+    <div class="common-title gradient-text">视频监控</div>
     <div class="more-btn" @click="showVideoMonitorList">查看更多</div>
     <div class="card-content video-list">
       <div v-for="(item, index) in listData" :key="index" class="video-box">
@@ -266,12 +266,6 @@ const handleSave = () => {
   justify-content: space-between;
   align-items: center;
 }
-.title {
-  position: absolute;
-  top: 6px;
-  left: 141px;
-  font-size: 60px;
-}
 .more-btn {
   position: absolute;
   top: 55px;

src/views/emergencyCommandMap/LeftSection/index.vue

@@ -37,7 +37,7 @@
       </div>
     </div>
     <div class="event-card">
-      <div class="title gradient-text">灾害信息</div>
+      <div class="common-title gradient-text">灾害信息</div>
       <div class="card-content">
         <div class="event-box">
           <div class="event-item">
@@ -405,12 +405,6 @@ defineExpose({
     position: relative;
     animation-name: slideLeft;
     animation-duration: 1s;
-    .title {
-      position: absolute;
-      top: 12px;
-      left: 130px;
-      font-size: 60px;
-    }
     .card-content {
       margin-top: 60px;
       width: 1904px;

src/views/emergencyCommandMap/RightSection/JointDuty.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="duty-card">
-    <div class="title gradient-text">联合值守</div>
+    <div class="common-title gradient-text">联合值守</div>
     <div class="more-btn" @click="handleShowQrCode">
       <div class="code-icon"></div>
       签到码
@@ -131,12 +131,6 @@ onMounted(() => {
   justify-content: space-between;
   align-items: center;
 }
-.title {
-  position: absolute;
-  top: 6px;
-  left: 141px;
-  font-size: 60px;
-}
 .more-btn {
   position: absolute;
   top: 35px;

src/views/emergencyCommandMap/RightSection/PublicOpinionSupervision.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="supervision-container">
-    <div class="title gradient-text">舆情监测</div>
+    <div class="common-title gradient-text">舆情监测</div>
     <div class="content">
       <div v-for="(item, index) in dataList" :key="index" class="item">
         <div class="title-box">
@@ -44,12 +44,6 @@ const dataList = ref([
   padding-top: 120px;
   animation-name: slideRight;
   animation-duration: 1.5s;
-  .title {
-    position: absolute;
-    top: 6px;
-    left: 141px;
-    font-size: 60px;
-  }
   .content {
     height: 280px;
     overflow-y: auto;

src/views/emergencyCommandMap/RightSection/RightTop.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="duty-card">
-    <div class="title gradient-text">指挥动态</div>
+    <div class="common-title gradient-text">指挥动态</div>
     <ul class="tabs">
       <li v-for="(tab, index) in tabs" :key="index" :class="{ active: tab.id === activeTab }" @click="setActiveTab(tab.id)">
         {{ tab.label }}
@@ -269,13 +269,6 @@ watch(
   }
 }
 
-.title {
-  position: absolute;
-  top: 6px;
-  left: 141px;
-  font-size: 60px;
-}
-
 .resource-scheduling {
   width: 100%;
   display: flex;