搜索框字体颜色

src/apps/AppWarningMonitoring/riskList.vue

@@ -14,7 +14,8 @@
           </AiAreaPicker>
         </div>
         <div class="search">
-          <u-search placeholder="请输入姓名" v-model="name" bg-color="#1F5CAF" search-icon-color="#E2E8F1" :show-action="false"></u-search>
+          <u-search placeholder="请输入姓名" v-model="name" bg-color="#1F5CAF" search-icon-color="#E2E8F1"
+          placeholder-style="color: #E2E8F1;" :show-action="false"></u-search>
         </div>
       </div>
     </AiTopFixed>
@@ -34,6 +35,7 @@
 </template>
 
 <script>
+import { mapState } from 'vuex'
 export default {
   data() {
     return {
@@ -44,7 +46,13 @@ export default {
       name: '',
     }
   },
-  onLoad() {},
+  onLoad() {
+    this.areaId = this.user.areaId
+    this.areaName = this.user.areaName
+  },
+  computed: {
+    ...mapState(['user'])
+  },
   methods: {
     tabClick(index) {
       this.tabIndex = index
@@ -113,9 +121,13 @@ export default {
     .area-select {
       display: flex;
       width: 240px;
+
     }
     .search {
-      width: calc(100% - 250px)
+      width: calc(100% - 240px);
+      ::v-deep .uni-input-input {
+        color: #fff;
+      }
     }
   }
   .card-list {