Installation

npm install niiwoo-login --save

<my-login :loginData="loginData"></my-login>

data() {
        return {
            loginData: {
                bgColor: "", //页面背景颜色
                urlHeaderImg: "", //头部图片地址
                mobileStyle: {
                    num: "", //手机号码，可以不传
                    readonly: false, //手机号码是否可编辑
                    blurEvent: (num) => { //用户名文本框失去焦点事件,num=>用户输入的手机号
                        console.log(num);
                    }
                },
                loginStyle: { //登录按钮风格
                    btnColor: "", //登录按钮颜色
                    btnBgColor: "", //登录按钮背景颜色
                    params: {   //登录时用户名、密码之外的参数
                        userChannelURL: encodeURIComponent(location.href)
                    },
                    successCallback: () => { //登录成功回调
                        console.log("login in success callback");
                    }
                },
                registerStyle: { //注册按钮风格
                    isShow: true, //是否显示注册按钮
                    btnColor: "", //“马上注册”按钮颜色
                    oColor: "", //其他文字颜色
                    _clickEvent: () => { //点击注册的事件
                        console.log("click register");
                    }
                },
                forgetPwdStyle: { //忘记密码按钮风格
                    isShow: true, //是否显示忘记密码
                    btnColor: "", //忘记密码按钮颜色
                    _clickEvent: (num) => { //点击忘记密码,num为当前的手机号
                        console.log("click forget,current mobile:" + num);
                    }
                },
                phone_icon: { //登录账号图标
                    backgroundImage: "", //background-image，eg:"url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/soutu/img/camera_new_5606e8f.png)"
                    backgroundPosition: "" //background-position,eg: "0 0"
                },
                pwd_icon: { //登录密码图标
                    backgroundImage: "",
                    backgroundPosition: ""
                },
                showPwd_icon: { //明文密码图标
                    backgroundImage: "",
                    backgroundPosition: ""
                },
                hidePwd_icon: { //密文密码图标
                    backgroundImage: "",
                    backgroundPosition: ""
                }
            }
        }
    }