实现效果:

<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中定义:
data: {
loginUserNameIcon:"/pages/img/username.png",
passwordIcon:"/pages/img/psw.png",
},

本文介绍了如何在Web应用中使用Vue.js框架的van-field组件创建登录界面,包括用户名和密码输入框,以及图标和占位符的设置。
4624

被折叠的 条评论
为什么被折叠?



