想在input前部添加一个搜索图标,使用padding-left时,图标就变成两个了
<view class='home-top-mid '>
<input class=‘home-top-search’ placeholder=‘搜索想要的书籍’></input>
</view>
.home-top-search{
width: 100%;
height: 100%;
font-size:24rpx;
/* text-indent: 60rpx; */
border-radius: 34rpx;
background-image: url(data:image/jpeg;base64,/);//base64省略
background-size: 30rpx 30rpx;
background-position: 19rpx 19rpx;
background-repeat: no-repeat;
background-color: #F5F5F5;
padding-left: 60rpx;//使用该属性时,出现两个背景图
}