样式修改

components/Search/index.vue

@@ -1,18 +1,10 @@
 <template>
   <view class="search">
-    <u-icon name="search" color="#009C77!important" size="40"></u-icon>
-
-    <u-input
-      v-model="dec"
-      style="width: 100%"
-      type="text"
-      :placeholder="placeholder"
-      :clearable="false"
-      @blur="blur"
-    />
+    <img src="/static/aidex/images/search.png" class="filterImg">
+    <u-input v-model="dec" style="width: 100%" type="text" :placeholder="placeholder" :clearable="false" @blur="blur" />
     <view class="shaixuan" @click="open" id="search">
-      <text style="white-space: nowrap">{{$t('homePage.alarm.sift')}}</text>
-      <u-icon name="arrow-right" color="#009C77!important" size="30"></u-icon>
+      <text style="white-space: nowrap">{{ $t('homePage.alarm.sift') }}</text>
+      <u-icon name="arrow-right" color="#009458!important" size="30"></u-icon>
     </view>
   </view>
 </template>
@@ -25,7 +17,7 @@ export default {
       default: "请输入告警内容筛选",
     },
   },
-  data() {
+  data () {
     return {
       dec: "",
       value1: 1,
@@ -34,11 +26,11 @@ export default {
     };
   },
   methods: {
-    open() {
+    open () {
       this.show_ = true;
       this.$emit("custom");
     },
-    blur() {
+    blur () {
       this.$emit("blur", this.dec);
     },
   },
@@ -46,6 +38,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.filterImg {
+  width: 40rpx;
+  height: 40rpx;
+  margin-right: 10rpx;
+  margin-bottom: 5rpx;
+}
+
 .search {
   background-color: #ffffff;
   width: 100%;
@@ -68,7 +67,7 @@ export default {
     // flex:1;
     // justify-content:flex-end;
     align-items: center;
-    color: #009c77;
+    color: #009458;
   }
 
   .proper {