微信小程序之input前加图标

参考链接
1、wxml代码

<view class='search'>
        <view class='searchItem'>
            <image src='../../images/passwd.png' />
            <input placeholder='请输入'></input>
        </view>
</view>

2、wxss代码

view.search {
    
  display: flex;
  flex-direction: row;
  align-items: center;
}
view.searchItem {
    
  display: flex;
  width: 100%;
}
view.searchItem image {
    
  height: 42rpx;
  width: 42rpx;
  align-self: center;
}
view.searchItem input {
    
  flex: 1;
  font-size: 30rpx;
}

效果如下：