gcb_zc/components/meSearch.vue

<template>
  <div class="me_search">
    <input type="text" placeholder="请输入搜索内容">
  </div>
</template>
<script>
export default{
 
}
</script>
  
<style>
.me_search{
  width: 100%;
  height: 4rem;
  line-height: 4rem;
  padding: 0 1.5rem;
  background-color: #F8F9FA;
  
}
.me_search input{
  width: 100%;
  height: 3rem;
  border-radius: 50px;
  border: none;
  padding: 0 16px;
  background-image: url(/_nuxt/static/img/search.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 16px;
  padding-left: 40px;
  color: #202020; 
  outline: none;
}
</style>