审查视图

public/themes/simpleboot3_mobile/portal/login/login.html 5.6 KB
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
    <title>登录</title>
</head>

<body class="index_tenth_bgimg">
    <include file="public@header"/>
    <!--彈出框-->
    <div class="mask">

    </div>
    <div class="index_tenth">
        <div class="index_theth_contant">
            <div class="index_tenth_bg">
                <div class="index_tenth_one">
                    <div class="index_tenth_left login">其他登录方式</div>
                    <div class="index_tenth_left index_tenth_right phone_login">
                        手机号登录
                    </div>
                </div>
                <div class="index_tenth_first">
                    <div class="index_tenth_two">
                        <input type="tel" placeholder="请输入手机号" id="mobile">
                        <input type="password" placeholder="请输入密码" id="password">
                    </div>
                    <div class="index_tenth_three" id="register">
                        没有账号?<span>
                            立即注册
                        </span>
                    </div>
                    <div class="index_tenth_four logging">
                        登录
                    </div>
                </div>
                <div class="index_tenth_seconds">
                    <div class="index_tenth_second">
景龙 authored
46 47 48 49 50 51 52 53
                        <a href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx3f1a38ee1e74f2bc&redirect_uri=http://www.starplanet.cn/portal/login/wx_login_mobile&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect">
                            <div class="index_tenth_second_one">
                                <div class="index_tenth_second_img">
                                    <img src="__TMPL__/public/assets/images/cicon_71@2x.png" alt="" />
                                </div>
                                <div class="index_tenth_second_title">
                                    微信登录
                                </div>
景龙 authored
54
                            </div>
景龙 authored
55
                        </a>
景龙 authored
56 57 58 59 60 61 62 63 64 65

                        <form action="https://api.weibo.com/oauth2/authorize" method="POST" id="wb_form">
                            <div class="index_tenth_second_one">
                                <div class="index_tenth_second_img" id="wb_login">
                                    <img src="__TMPL__/public/assets/images/cicon_72@2x.png" alt="" />
                                </div>
                                <div class="index_tenth_second_title">
                                    微博登录
                                </div>
                                <input type="hidden" name="client_id" value="737607150">
景龙 authored
66
                                <input type="hidden" name="redirect_uri" value="http://www.starplanet.cn/portal/login/wb_login">
67
                            </div>
景龙 authored
68 69
                        </form>
70 71 72 73 74
                    </div>
                </div>
            </div>
        </div>
        <div class="index_tenth_bottom">
75
            <p class="beian">
76
                Copyright © 2004-2019 独角星球 版权所有
77 78 79 80
            </p>
            <p class="beian">
                京ICP备17035112号-2
            </p>
81 82
        </div>
    </div>
景龙 authored
83 84
    <div id="login_container">
    </div>
85 86 87 88 89
</body>
<script src="__TMPL__/public/assets/js/base.js"></script>
<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
景龙 authored
90
<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146
<script>
    $(".login").click(function() {
        $(this).addClass("index_tenth_right");
        $(".phone_login").removeClass("index_tenth_right");
        $(".index_tenth_seconds").css({
            display: "block"
        });
        $(".index_tenth_first").css({
            display: "none"
        });
    });
    $(".phone_login").click(function() {
        $(this).addClass("index_tenth_right");
        $(".login").removeClass("index_tenth_right");
        $(".index_tenth_seconds").css({
            display: "none"
        });
        $(".index_tenth_first").css({
            display: "block"
        });
    });
</script>

<script>
    $('.logging').click(function(){
        var phone_number = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
        var mobile = $("#mobile").val();
        var password = $.trim($('#password').val());
        if (!phone_number.test(mobile)){
            mask("手机号格式有误");
            return false;
        }
        if(password == '') {
            mask("密码不能为空");
            return false;
        }
        $.ajax({
            type: 'POST',
            url: "/portal/login/loginCommit",
            data: {
                'mobile': mobile,
                'user_pass': password
            },
            dataType: 'json',
            success: function (data) {
                if (data.code == 1) {
                    mask(data.msg);
                    window.location.href = '/';
                } else {
                    mask(data.msg);
                }
            }
        });
    });
</script>
</html>