|
|
@ -8,11 +8,11 @@ |
|
|
|
</uni-card> |
|
|
|
<uni-card title="uni-ui的表单" :thumbnail="avatar" sub-title="输入框为uni-easyinput" extra="使用uni-forms" note="Tips"> |
|
|
|
<uni-forms ref="form" :modelValue="formData" :rules="rules"> |
|
|
|
<uni-forms-item label="账号:" name="name"> |
|
|
|
<uni-easyinput prefixIcon="person" type="text" v-model="formData.name" placeholder="请输入账号" /> |
|
|
|
<uni-forms-item label="账号:" name="userName"> |
|
|
|
<uni-easyinput prefixIcon="person" type="text" v-model="formData.userName" placeholder="请输入账号" /> |
|
|
|
</uni-forms-item> |
|
|
|
<uni-forms-item label="密码:" name="passwd"> |
|
|
|
<uni-easyinput prefixIcon="locked" type="password" v-model="formData.passwd" placeholder="请输入密码" /> |
|
|
|
<uni-forms-item label="密码:" name="password"> |
|
|
|
<uni-easyinput prefixIcon="locked" type="password" v-model="formData.password" placeholder="请输入密码" /> |
|
|
|
</uni-forms-item> |
|
|
|
</uni-forms> |
|
|
|
<button @click="dologin">登录</button> |
|
|
@ -26,11 +26,11 @@ |
|
|
|
</uni-card> |
|
|
|
<uni-card title="uView表单" :thumbnail="vavatar" sub-title="输入框为u--input" extra="使用u--form" note="Tips"> |
|
|
|
<u--form ref="vform" :model="formData" :rules="vrules" labelPosition="left"> |
|
|
|
<u-form-item label="账号:" prop="name"> |
|
|
|
<u--input prefixIcon="account" v-model="formData.name" type="text" placeholder="请输入账号" /> |
|
|
|
<u-form-item label="账号:" prop="userName"> |
|
|
|
<u--input prefixIcon="account" v-model="formData.userName" type="text" placeholder="请输入账号" /> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="密码:" prop="passwd"> |
|
|
|
<u--input prefixIcon="lock" v-model="formData.passwd" type="password" placeholder="请输入密码" /> |
|
|
|
<u-form-item label="密码:" prop="password"> |
|
|
|
<u--input prefixIcon="lock" v-model="formData.password" type="password" placeholder="请输入密码" /> |
|
|
|
</u-form-item> |
|
|
|
</u--form> |
|
|
|
<button @click="vdologin">登录</button> |
|
|
@ -48,8 +48,8 @@ export default { |
|
|
|
vavatar: '/static/uview/common/logo.png', |
|
|
|
// 表单数据 |
|
|
|
formData: { |
|
|
|
name: '', |
|
|
|
passwd: '' |
|
|
|
userName: '', |
|
|
|
password: '' |
|
|
|
}, |
|
|
|
rules: { |
|
|
|
// 对name字段进行必填验证 |
|
|
|