<div class="content">
<el-form
action="##"
:model="ruleForm"
:rules="rules"
ref="courseForm"
>
<el-form-item class="input-text clearFix" prop="phone">
<!-- <span></span> -->
<el-input
clearable
v-model="ruleForm.phone"
type="text"
placeholder="邮箱/用户名/手机号"
>
><i class="el-icon-user" slot="prepend"></i>
</el-input>
</el-form-item>
<div class="input-text clearFix">
<!-- <span class="pwd"></span> -->
<el-input
show-password
v-model="password"
type="text"
placeholder="请输入密码"
>
<i class="el-icon-lock" slot="prepend"></i>
</el-input>
</div>
<div class="setting clearFix">
<label class="checkbox inline">
<input name="m1" type="checkbox" value="2" checked="" />
自动登录
</label>
<span class="forget">忘记密码?</span>
</div>
<button @click="userLogin" class="btn">登 录</button>
</el-form>
<div class="call clearFix">
<ul>
<li><img src="./images/qq.png" alt="" /></li>
<li><img src="./images/sina.png" alt="" /></li>
<li><img src="./images/ali.png" alt="" /></li>
<li><img src="./images/weixin.png" alt="" /></li>
</ul>
<router-link class="register" to="/register"
>立即注册</router-link
>
</div>
</div>
</div>
</div>
</div>
<!-- 底部 -->
<div class="copyright">
<ul>
<li>关于我们</li>
<li>联系我们</li>
<li>联系客服</li>
<li>商家入驻</li>
<li>营销中心</li>
<li>手机尚品汇</li>
<li>销售联盟</li>
<li>尚品汇社区</li>
</ul>
<div class="address">地址:北京市昌平区宏福科技园综合楼6层</div>
<div class="beian">京ICP备19006430号</div>
</div>
使用element-ui创建登录页面,并进行表单验证
于 2022-05-23 20:18:50 首次发布