实现效果:
文章来源:https://www.toymoban.com/news/detail-657821.html
<view class="userName">
<van-field left-icon="{{loginUserNameIcon}}" clearable class="fieldName" value="{{ loginUserName }}" placeholder="请输入账号" border="{{ false }}" >
</van-field>
</view>
<view class="userName">
<van-field left-icon="{{passwordIcon}}" clearable type="password" class="fieldName" value="{{ loginPassword }}" placeholder="请输入密码" border="{{ false }}" bind:blur ="companyCodeInput"/>
</view>
data中定义:文章来源地址https://www.toymoban.com/news/detail-657821.html
data: {
loginUserNameIcon:"/pages/img/username.png",
passwordIcon:"/pages/img/psw.png",
},
到了这里,关于完美解决微信小程序van-field left-icon自定义图片的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!