7b2主题美化 - 强制快捷登录-初一小盏
7b2主题美化 – 强制快捷登录
此内容为付费阅读,请付费后查看
1500积分
技术支持
一对一服务
安装调试
功能定制
付费阅读

7b2主题美化 – 强制快捷登录

禁用普通方式登录

自适应,演示见本站,开几个第三方登录就显示几个登录,最多支持3个,再多就撑不下面板了。

赚的都是手工费

图片[1]-7b2主题美化 – 强制快捷登录-初一小盏

css代码

/*狗大户美化的登录窗口开始*/
.login-mask .login-box .third-login .third-item[data-v-79b87d1a]:first-child {
    margin-left: 0;
}

.login-mask .login-box .third-login  .third-item[data-v-79b87d1a] {
    border-radius: 10px;
    height: 140px;
    line-height: 1.5;
    padding: 30px 5px;
}
.login-mask .login-box .third-login .third-item[data-v-79b87d1a] {
    
    line-height: 40px;
    flex: 1;
    margin-left: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: border .2s;
    width:0;
}
.login-mask .login-box .third-login.big[data-v-79b87d1a] {
    margin-top: 30px;
}
.login-mask .login-box .bot-tip.login[data-v-79b87d1a] {
    padding-bottom: 20px;
}

.login-mask .login-box .bot-tip[data-v-79b87d1a] {
    text-align: center;
}
.login-mask .login-box .bot-tip span[data-v-79b87d1a] {
    cursor: pointer;
    line-height: 14px;
    color: #999;
}
.login-mask .login-box .third-login[data-v-79b87d1a] {
    display: flex;
    margin: 20px 0;
}
.login-mask .login-box .line-tips[data-v-79b87d1a] {
    text-align: center;
    position: relative;
    height: 14px;
    line-height: 1;
     margin:30px auto;
}
.login-mask .login-box .line-tips[data-v-79b87d1a]:before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 7px;
    height: 1px;
    background-color: #e2e3e5;
   
}
.login-logo img {
    display: block;
    height: 45px;
}
.login-mask .login-box .line-tips span[data-v-79b87d1a] {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    background-color: #f2f6ff;
    color: #a1a2a3;
}
.login-mask .login-box[data-v-79b87d1a] {
    position: absolute;
    width: 560px;
    background-color: #f2f6ff;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 40px 30px 20px;
}
.hell {
    display:flex;
}
.login-mask[data-v-79b87d1a] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0,0,0,.5);
}
.login-mask .login-box .third-login .third-item[data-v-79b87d1a]:hover {
    border-color: #1b78f5;
}
.login-mask .login-box .third-login.big[data-v-79b87d1a] {
    margin-top: 30px;
}
#hell i  {
    display: block;
    margin: 0 auto;
    width: 45px;
    height: 45px;
    font-size: 45px;
}

@media screen and (max-width: 768px){
.login-mask .login-box[data-v-79b87d1a] {
 width:95%!important;   
}
}
/*狗大户美化的登录窗口结束*/

/b2/Modules/Templates/VueTemplates.php

© 版权声明
THE END
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容