bug 24115 登录验证码 搜索问题修改

src/views/sunVillage_info/three.vue

@@ -7,14 +7,12 @@
        </div>
        <div class="search_info">
           <div class="search_block">
-              <i class="icon"></i>
-              <input type="text" class="ipt" v-model="queryParams.zcmc" :placeholder="searchPlaceholder">
-              <selector :visible.sync="typeVisible" v-model="queryParams.threeAssetType" :columns="threeAssetTypeOptions" clear value-key="dictValue" label-key="dictLabel" @confirm="refresh" @cancel="refresh">
-                <template>
-                  <van-icon name="filter-o" color="#1989fa" class="filter-icon" @click="openThreeAssetType" />
-                </template>
-              </selector>
-              <div @click="getSearchList">搜索</div>
+            <van-search class="search_block searchHeight" v-model="queryParams.zcmc" @input="getSearchList" :placeholder="searchPlaceholder" />
+            <selector :visible.sync="typeVisible" v-model="queryParams.threeAssetType" :columns="threeAssetTypeOptions" clear value-key="dictValue" label-key="dictLabel" @confirm="refresh" @cancel="refresh">
+              <template>
+                <van-icon name="filter-o" color="#1989fa" class="filter-icon" @click="openThreeAssetType" />
+              </template>
+            </selector>
           </div>
           <div class="total">共{{listLength}}个资产</div>
        </div>
@@ -290,6 +288,9 @@
    }
  </script>
  <style scoped lang="scss">
+   /deep/ .van-search__content{
+     background-color: transparent;
+   }
   .home_wrapper{
     background: #e9e9e9;
     min-height: 100vh;
@@ -340,6 +341,11 @@
         border:2px solid #3494ff;
         padding-right: 20px;
         align-items: center;
+          &.searchHeight{
+            border: none;
+            height: 57px;
+            padding-left: 0;
+          }
         .icon{
             width: 30px;
             height: 30px;