Areas/Member/Views/Login/Index.cshtml

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@{
    Layout = "~/Areas/Member/Views/_LoginLayoutPage.cshtml";
    ViewBag.Title = "用户登录";
    var supportMobileLogin = ViewBag.SupportMobileLogin;
    string loginBase64Encrypt = ViewBag.LoginBase64Encrypt;
    var redirectURL = Request.QueryString["redirectURL"];
    var openId = Request.QueryString["openId"];
    int open = ViewBag.Open;
    bool loginBase64EncryptEnabled = (loginBase64Encrypt != null && loginBase64Encrypt.Contains("member"));
}
<style>
    .login-box .el-form {
        padding-top: 18px
    }
</style>
<div class="login-box" id="login" v-cloak>
    <a class="login-logo" href="@ViewBag.HomeLink"><img src="/Areas/Member/Css/images/Loginlogo.png" /></a>
    <div class="login-sign clearfix">
        @if (supportMobileLogin == 1 && open == 1)
        {
            <span :class="{active:!formData.SmsLogin}" v-on:click="formData.SmsLogin=false">账号密码登录</span>
            <span :class="{active:formData.SmsLogin}" v-on:click="formData.SmsLogin=true">手机验证码登录</span>
        }
        else
        {
            <text>用户登录</text>
        }
    </div>
    <div v-if="open==0">对不起，用户登录功能已关闭！</div>
    <div v-if="open==1">
        <el-form ref="form" label-width="0px" label-position="left">
            <!--解决浏览器自动填充账户-->
            <input type="text" style="position:fixed;bottom:-9999px" />
            <input type="password" style="position:fixed;bottom:-9999px" />
            <el-form-item v-show="!formData.SmsLogin">
                <el-input v-model.trim="formData.Account" autocomplete="off" placeholder="用户名/邮箱/手机号" maxlength="50" v-validate="{data:formData.Account,dataType:'*',nullMsg:'请填写登录账号',ignore:formData.SmsLogin==1}"></el-input>
                <span class="help-block validate-tips-box"></span>
            </el-form-item>

            <el-form-item v-show="!formData.SmsLogin">
                <el-input type="password" v-model.trim="formData.Password" autocomplete="off" placeholder="登录密码" maxlength="50" v-validate="{data:formData.Password,dataType:'password',nullMsg:'请填写登录密码',ignore:formData.SmsLogin==1}"></el-input>
                <span class="help-block validate-tips-box"></span>
            </el-form-item>

            <el-form-item v-show="formData.SmsLogin">
                <el-input v-model.trim="formData.Mobile" id="mobile" autocomplete="off" placeholder="手机号" maxlength="50" v-validate="{data:formData.Mobile,dataType:'mobile',nullMsg:'请填写手机号',ignore:formData.SmsLogin==0}"></el-input>
                <span class="help-block validate-tips-box"></span>
            </el-form-item>

            <el-form-item v-show="formData.SmsLogin">
                <ui-input-code placeholder="短信验证码" v-model.trim="formData.SmsCode" type="mobile" focus-target="#mobile" maxlength="6" :account="formData.Mobile" url-api="/E/SmsCode/Send" v-validate="{data:formData.SmsCode,dataType:'numeric',minLength:6,minLengthErrorMsg:'验证码为6位数字！',nullMsg:'请填写短信验证码',ignore:formData.SmsLogin==0}"></ui-input-code>
                <span class="help-block validate-tips-box"></span>
            </el-form-item>

            @if (ViewBag.VerificationCode == 1)
            {
                <el-form-item>
                    <el-input v-model.trim="formData.VerificationCode" ref="verificationCode" autocomplete="off" maxlength="4" placeholder="图形验证码" v-validate="{data:formData.VerificationCode,dataType:'*',minLength:4,minLengthErrorMsg:'验证码最少4个字符',nullMsg:'请填写验证码!'}">
                        <template slot="append">
                            <ui-verification-code-image ref="verificationCodeImage" src="/E/VerificationCode/?width=100&height=30"></ui-verification-code-image>