需求:
方案1:原生html+css
// html
<input type="search" placeholder="搜索" class="l-input" v-model="search" @search="doSearch">
// css
.l-input {
//text-indent: 15px;
text-align: center;
font-size: 30px;
display: block;
width: 700px;
margin: 15px auto;
height: 66px;
padding-left: 10px;
outline: none;
border: 2px solid #3296FA;
border-radius: 10px;
//icon
background-image: url('Icon地址'); // 设置小图标地址
background-size: 40px 40px; // 小图标的大小,宽高
background-repeat: no-repeat; // 背景小图标不重复
background-position: 38% 13px; // 小图标在input的位置,左定位+顶部定位
}