<template>
  <div style="background: #fff">
    <div class="searchBox">
        <!-- <h1></h1> -->
      <div>
        <el-input
          placeholder="请输入内容"
          v-model="input3"
          class="input-with-select"
        >
          <el-button slot="append" icon="el-icon-search">搜索</el-button>
        </el-input>
      </div>
    </div>
    <div class="searchCount"></div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.searchBox {
  height: 100%;
  background: url('../assets/img/20220307170550.png.jpg') center no-repeat;
  background-size:100% 100% ;
  text-align: center;
  
}
/deep/.el-select .el-input {
    width: 130px;
  }
  .input-with-select .el-input-group__prepend {
    background-color: #fff;
  }
  .searchCount{
    //   min-height: ;
  }
  /deep/.el-input-group{
  margin-top: 18%;

      width: 40%;
  }
  /deep/.el-input__inner{
      height: 50px;
      line-height: 50px;
      font-size: 20px;
  }
  /deep/.el-button span{
      font-size: 20px;
  }
  /deep/.el-icon-search{
      font-size: 20px;
      
  }
</style>