江湖河库

src/assets/styles/element-ui.scss

@@ -351,3 +351,40 @@
     background: url('@/assets/images/inputIcon2.png') no-repeat;
   }
 }
+
+.custom-textarea {
+  position: relative;
+  el-textarea__inner {
+    box-shadow: none;
+    background-color: #0a3b87;
+    border: 1px solid #0d63c2;
+    font-size: 32px;
+    color: #a7ccdf;
+    font-family: PingFang SC;
+    height: 55px;
+    line-height: 55px;
+    &::placeholder {
+      color: #a7ccdf;
+    }
+  }
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 2;
+    width: 12px;
+    height: 12px;
+    background: url('@/assets/images/inputIcon1.png') no-repeat;
+  }
+  &::after {
+    content: '';
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    z-index: 2;
+    width: 12px;
+    height: 12px;
+    background: url('@/assets/images/inputIcon2.png') no-repeat;
+  }
+}

src/views/globalMap/RightMenu/OnlinePlotting/TextEdit.vue

@@ -1,7 +1,7 @@
 <template>
   <div v-show="modelValue" class="text-edit-container">
     <div class="gradient-text title">编辑文案</div>
-    <el-input v-model="textEditState.text" :rows="8" type="textarea" placeholder="请输入文案" />
+    <el-input v-model="textEditState.text" class="custom-textarea" :rows="8" type="textarea" placeholder="请输入文案" />
     <div class="edit-box">
       <div class="flex">
         <div class="text">字号</div>

src/views/globalMap/RightMenu/Reservoir.vue

@@ -3,7 +3,7 @@
     <div class="container">
       <div class="gradient-text title">江湖河库</div>
       <div class="box-left">
-        <el-input v-model="queryParams.keyword" class="custom-input" placeholder="搜索" style="width: 600px" @input="initData">
+        <el-input v-model="queryParams.keyword" class="custom-input" placeholder="搜索" @input="initData">
           <template #prefix>
             <el-icon class="el-input__icon"><search /></el-icon>
           </template>
@@ -165,6 +165,7 @@ initData();
   margin-bottom: 20px;
   .btn {
     width: 140px;
+    min-width: 140px;
     height: 56px;
     background: url('@/assets/images/map/rightMenu/potentialFloodHazard/btn.png') no-repeat;
     display: flex;