Preauth page

Brightcells 6 anni fa
parent
commit
a078341431

+ 220 - 0
page/templates/base/basic.html

@@ -0,0 +1,220 @@
1
+{% load staticfiles %}
2
+
3
+<!DOCTYPE html>
4
+<html lang="zh-CN">
5
+    <head>
6
+        <meta charset="utf-8">
7
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
8
+        <meta name="format-detection" content="telephone=no,email=no,address=no">
9
+        <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
10
+
11
+        <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
12
+        <meta http-equiv="Pragma" content="no-cache" />
13
+        <meta http-equiv="Expires" content="0" />
14
+
15
+        <title>{% block title %}{% endblock %}</title>
16
+
17
+        <link href="//cdnjs.cloudflare.com/ajax/libs/pure/0.6.2/pure-min.css" rel="stylesheet">
18
+        <link href="//cdnjs.cloudflare.com/ajax/libs/flexslider/2.6.3/flexslider.min.css" rel="stylesheet">
19
+        <link href="//res.wx.qq.com/open/libs/weui/0.4.3/weui.min.css" rel="stylesheet" type="text/css" />
20
+        <link href="{% static 'page/css/flexslider.ext.css' %}" rel="stylesheet" type="text/css" />
21
+        <link href="{% static 'page/css/weui.ext.css' %}" rel="stylesheet" type="text/css" />
22
+
23
+        {% block link %}{% endblock %}
24
+
25
+        <style>
26
+            body {
27
+                font-family: Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif !important;
28
+                background: #fff;
29
+            }
30
+            img {
31
+                pointer-events: none;
32
+            }
33
+            .clickable {
34
+                pointer-events: auto;
35
+            }
36
+            /* Input 自动填充后,移除 Chrome 默认黄色 */
37
+            input:-webkit-autofill {
38
+                box-shadow: 0 0 0 1000px white inset !important;
39
+            }
40
+            .container {
41
+                padding-bottom: 45px;
42
+            }
43
+            .text-center {
44
+                text-align: center;
45
+            }
46
+            .empty {
47
+                color: #999;
48
+                padding: .9375rem 0;
49
+                font-size: .625rem;
50
+            }
51
+            .text_ellipsis {
52
+                overflow:hidden;
53
+                white-space:nowrap;
54
+                text-overflow: ellipsis;
55
+            }
56
+
57
+            .fl {
58
+                float: left;
59
+            }
60
+            .fr {
61
+                float: right;
62
+            }
63
+            .clearfix {
64
+                zoom: 1;
65
+            }
66
+            .clearfix:after {
67
+                content: "\200B";
68
+                display: block;
69
+                height: 0;
70
+                clear: both;
71
+            }
72
+        </style>
73
+
74
+        {% block tohomecss %}
75
+        <style>
76
+            .tohome {
77
+                width: 40px;
78
+                height: 40px;
79
+                background-color: rgba(139, 139, 139, 0.7);
80
+                position: fixed;
81
+                right: 10px;
82
+                bottom: 20px;
83
+                border-radius: 9999px;
84
+                border-top-left-radius: 9999px;
85
+                border-top-right-radius: 9999px;
86
+                border-bottom-left-radius: 9999px;
87
+                border-bottom-right-radius: 9999px;
88
+                z-index: 99999999;
89
+            }
90
+            .tohome img {
91
+                display: block;
92
+                width: 18px;
93
+                height: 13px;
94
+                margin: 6px auto 2px;
95
+            }
96
+            .tohome p {
97
+                color: #ffffff;
98
+            }
99
+        </style>
100
+        {% endblock %}
101
+
102
+        {% block css %}{% endblock %}
103
+
104
+        <script>
105
+            {% block rem %}
106
+            //这段js的最后面有两个参数记得要设置,一个为设计稿实际宽度,一个为制作稿最大宽度,例如设计稿为750,最大宽度为750,则为(750,750)
107
+            !function(e,t){function n(){var n=l.getBoundingClientRect().width;t=t||540,n>t&&(n=t);var i=100*n/e;r.innerHTML="html{font-size:"+i+"px;}"}var i,d=document,o=window,l=d.documentElement,r=document.createElement("style");if(l.firstElementChild)l.firstElementChild.appendChild(r);else{var a=d.createElement("div");a.appendChild(r),d.write(a.innerHTML),a=null}n(),o.addEventListener("resize",function(){clearTimeout(i),i=setTimeout(n,300)},!1),o.addEventListener("pageshow",function(e){e.persisted&&(clearTimeout(i),i=setTimeout(n,300))},!1),"complete"===d.readyState?d.body.style.fontSize="16px":d.addEventListener("DOMContentLoaded",function(e){d.body.style.fontSize="16px"},!1)}(750,750);
108
+            {% endblock %}
109
+        </script>
110
+    </head>
111
+    <body>
112
+        {% block somehtml %}{% endblock %}
113
+
114
+        <div class="container">
115
+            {% block container %}{% endblock %}
116
+
117
+            {% block tohomehtml %}
118
+            <div class="tohome">
119
+                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAMAAABzP0xhAAAAS1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////+DmQsHAAAAGHRSTlMAoHDw+q0VCufg187DuI+OgGJUSDwyKCBlxSbJAAAAi0lEQVQ4y+3SuRKEIBBFUaQbcd+X9/9fOpRDjaXQGJnNiW/SiwpkmXpiW6C16Sav4dR5qtlKHMpNbhaCR4vUTIwfnuKNxoWONR1uunB0g4Cxt9EbRDSXVewVoqr9bNYCgmJV3kwQ0fxtRkYCj8oZ8GBQqieHIWByev9DEPjfeisy+mDk6Dy9/kevRR9/MjHbEpIcQAAAAABJRU5ErkJggg==">
120
+                <p style="text-align:center;font-size:8px">回首页</p>
121
+            </div>
122
+            {% endblock %}
123
+        </div>
124
+
125
+        {% block somehtml2 %}{% endblock %}
126
+
127
+        <script>
128
+            window.onerror = function(errorMessage, scriptURI, lineNo, columnNo, error) {
129
+                // 构建错误对象
130
+                var errorObj = {
131
+                    lineNo: lineNo || null,
132
+                    columnNo: columnNo || null,
133
+                    scriptURI: scriptURI || null,
134
+                    errorMessage: errorMessage || null,
135
+                    stack: error && error.stack ? error.stack : null
136
+                };
137
+                // 构建Http请求
138
+                if (XMLHttpRequest) {
139
+                    var xhr = new XMLHttpRequest();
140
+
141
+                    xhr.open('post', '/e/report', true);
142
+                    xhr.setRequestHeader('Content-Type', 'application/json'); // 设置请求头
143
+                    xhr.send(JSON.stringify(errorObj)); // 发送参数
144
+                }
145
+            }
146
+        </script>
147
+{#        <script src="//cdnjs.cloudflare.com/ajax/libs/zepto/1.1.6/zepto.min.js"></script>#}
148
+        <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
149
+        <script src="//cdnjs.cloudflare.com/ajax/libs/flexslider/2.6.3/jquery.flexslider-min.js"></script>
150
+        {% block script %}{% endblock %}
151
+        <script>
152
+            // History 压入本地连接
153
+            function pushHistory() {
154
+                var state = {
155
+                    title: "title",
156
+                    url: "#"
157
+                };
158
+                window.history.pushState(state, "title", "#");
159
+            }
160
+            pushHistory();
161
+            // 延时监听
162
+            setTimeout(function () {
163
+                // 监听``返回``、``后退``、``上一页``
164
+                window.addEventListener("popstate", function (e) {
165
+                    if (confirm("确认退出") == true) {
166
+                        window.history.back(-1);
167
+                    } else {
168
+                        pushHistory();
169
+                    }
170
+                }, false);
171
+            }, 300);
172
+        </script>
173
+        <script>
174
+            {% block glbjs %}{% endblock %}
175
+            $(function() {
176
+                /** 格式化输入字符串**/
177
+                //用法: "hello{0}".format('world');返回'hello world'
178
+                String.prototype.format= function(){
179
+                   var args = arguments;
180
+                   return this.replace(/\{(\d+)\}/g,function(s,i){
181
+                       return args[i];
182
+                   });
183
+                }
184
+
185
+                {% block flexsliderjs %}
186
+                // 轮播图
187
+                $('.flexslider').flexslider({
188
+                    slideshowSpeed: 2000,
189
+                    pauseOnHover: true,
190
+                    controlNav: false,
191
+                    directionNav: false,
192
+                });
193
+                {% endblock %}
194
+
195
+                {% block tohomejs %}
196
+                // 返回首页
197
+                $('.tohome').click(function () {
198
+                    window.location.href = '{{ domain }}/page/nav?{{ params|safe }}'
199
+                })
200
+                {% endblock %}
201
+
202
+                {% block js %}{% endblock %}
203
+            });
204
+        </script>
205
+        <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
206
+        <script type="text/javascript" src="{% static 'machine/js/jswe-1.0.0.js' %}"></script>
207
+        <script>
208
+{#            V.initWxData({#}
209
+{#                imgUrl: '{{ domain }}{% static 'page/img/logo.jpg' %}',#}
210
+{#                link: 'http://hpsgift.hphcclub.com/we/ws',#}
211
+{#                desc: '惠普销售红包系统',#}
212
+{#                title: '惠普销售红包系统',#}
213
+{#                timeLine: ''#}
214
+{#            }, true);#}
215
+            V.hideOptionMenu();
216
+            {% block jswe %}{% endblock %}
217
+        </script>
218
+        {% block scriptag %}{% endblock %}
219
+    </body>
220
+</html>

+ 150 - 0
page/templates/base/basic_pc.html

@@ -0,0 +1,150 @@
1
+{% load staticfiles %}
2
+
3
+<!DOCTYPE html>
4
+<html lang="zh-CN">
5
+    <head>
6
+        <meta charset="utf-8">
7
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
8
+        <meta name="format-detection" content="telephone=no,email=no,address=no">
9
+        <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
10
+
11
+        <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
12
+        <meta http-equiv="Pragma" content="no-cache" />
13
+        <meta http-equiv="Expires" content="0" />
14
+
15
+        <title>{% block title %}{% endblock %}</title>
16
+
17
+        <link href="//cdnjs.cloudflare.com/ajax/libs/pure/0.6.2/pure-min.css" rel="stylesheet">
18
+        <link href="//cdnjs.cloudflare.com/ajax/libs/flexslider/2.6.3/flexslider.min.css" rel="stylesheet">
19
+        <link href="{% static 'page/css/flexslider.ext.css' %}" rel="stylesheet" type="text/css" />
20
+
21
+        {% block link %}{% endblock %}
22
+
23
+        <style>
24
+            img {
25
+                pointer-events: none;
26
+            }
27
+            body {
28
+                font-family: Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif !important;
29
+            }
30
+            .container {
31
+                padding-bottom: 45px;
32
+            }
33
+            .text-center {
34
+                text-align: center;
35
+            }
36
+            .empty {
37
+                color: #999;
38
+                padding: .9375rem 0;
39
+                font-size: .625rem;
40
+            }
41
+            .text_ellipsis {
42
+                overflow:hidden;
43
+                white-space:nowrap;
44
+                text-overflow: ellipsis;
45
+            }
46
+        </style>
47
+
48
+        {% block tohomecss %}
49
+        <style>
50
+            .tohome {
51
+                width: 40px;
52
+                height: 40px;
53
+                background-color: rgba(139, 139, 139, 0.7);
54
+                position: fixed;
55
+                right: 10px;
56
+                bottom: 20px;
57
+                border-radius: 9999px;
58
+                border-top-left-radius: 9999px;
59
+                border-top-right-radius: 9999px;
60
+                border-bottom-left-radius: 9999px;
61
+                border-bottom-right-radius: 9999px;
62
+                z-index: 99999999;
63
+            }
64
+            .tohome img {
65
+                display: block;
66
+                width: 18px;
67
+                height: 13px;
68
+                margin: 6px auto 2px;
69
+            }
70
+            .tohome p {
71
+                color: #ffffff;
72
+            }
73
+        </style>
74
+        {% endblock %}
75
+
76
+        {% block css %}{% endblock %}
77
+
78
+        <script>
79
+            {% block rem %}
80
+            //这段js的最后面有两个参数记得要设置,一个为设计稿实际宽度,一个为制作稿最大宽度,例如设计稿为750,最大宽度为750,则为(750,750)
81
+            !function(e,t){function n(){var n=l.getBoundingClientRect().width;t=t||540,n>t&&(n=t);var i=100*n/e;r.innerHTML="html{font-size:"+i+"px;}"}var i,d=document,o=window,l=d.documentElement,r=document.createElement("style");if(l.firstElementChild)l.firstElementChild.appendChild(r);else{var a=d.createElement("div");a.appendChild(r),d.write(a.innerHTML),a=null}n(),o.addEventListener("resize",function(){clearTimeout(i),i=setTimeout(n,300)},!1),o.addEventListener("pageshow",function(e){e.persisted&&(clearTimeout(i),i=setTimeout(n,300))},!1),"complete"===d.readyState?d.body.style.fontSize="16px":d.addEventListener("DOMContentLoaded",function(e){d.body.style.fontSize="16px"},!1)}(1920,1920);
82
+            {% endblock %}
83
+        </script>
84
+    </head>
85
+    <body>
86
+        {% block somehtml %}{% endblock %}
87
+
88
+        <div class="container">
89
+            {% block container %}{% endblock %}
90
+
91
+            {% block tohomehtml %}
92
+            <div class="tohome">
93
+                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAMAAABzP0xhAAAAS1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////+DmQsHAAAAGHRSTlMAoHDw+q0VCufg187DuI+OgGJUSDwyKCBlxSbJAAAAi0lEQVQ4y+3SuRKEIBBFUaQbcd+X9/9fOpRDjaXQGJnNiW/SiwpkmXpiW6C16Sav4dR5qtlKHMpNbhaCR4vUTIwfnuKNxoWONR1uunB0g4Cxt9EbRDSXVewVoqr9bNYCgmJV3kwQ0fxtRkYCj8oZ8GBQqieHIWByev9DEPjfeisy+mDk6Dy9/kevRR9/MjHbEpIcQAAAAABJRU5ErkJggg==">
94
+                <p style="text-align:center;font-size:8px">回首页</p>
95
+            </div>
96
+            {% endblock %}
97
+        </div>
98
+
99
+        {% block somehtml2 %}{% endblock %}
100
+
101
+        <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
102
+        <script src="//cdnjs.cloudflare.com/ajax/libs/flexslider/2.6.3/jquery.flexslider-min.js"></script>
103
+        {% block script %}{% endblock %}
104
+        <script>
105
+            {% block glbjs %}{% endblock %}
106
+            $(function() {
107
+                /** 格式化输入字符串**/
108
+                //用法: "hello{0}".format('world');返回'hello world'
109
+                String.prototype.format= function(){
110
+                   var args = arguments;
111
+                   return this.replace(/\{(\d+)\}/g,function(s,i){
112
+                       return args[i];
113
+                   });
114
+                }
115
+
116
+                {% block flexsliderjs %}
117
+                // 轮播图
118
+                $('.flexslider').flexslider({
119
+                    slideshowSpeed: 2000,
120
+                    pauseOnHover: true,
121
+                    controlNav: false,
122
+                    directionNav: false,
123
+                });
124
+                {% endblock %}
125
+
126
+                {% block tohomejs %}
127
+                // 返回首页
128
+                $('.tohome').click(function () {
129
+                    window.location.href = '{{ domain }}/page/nav?{{ params|safe }}'
130
+                })
131
+                {% endblock %}
132
+
133
+                {% block js %}{% endblock %}
134
+            });
135
+        </script>
136
+        <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
137
+        <script type="text/javascript" src="{% static 'machine/js/jswe-1.0.0.js' %}"></script>
138
+        <script>
139
+{#            V.initWxData({#}
140
+{#                imgUrl: '{{ domain }}{% static 'page/img/logo.jpg' %}',#}
141
+{#                link: 'http://hpsgift.hphcclub.com/we/ws',#}
142
+{#                desc: '惠普销售红包系统',#}
143
+{#                title: '惠普销售红包系统',#}
144
+{#                timeLine: ''#}
145
+{#            }, true);#}
146
+            V.hideOptionMenu();
147
+            {% block jswe %}{% endblock %}
148
+        </script>
149
+    </body>
150
+</html>

+ 125 - 0
page/templates/base/basic_pure.html

@@ -0,0 +1,125 @@
1
+{% load staticfiles %}
2
+
3
+<!DOCTYPE html>
4
+<html lang="zh-CN">
5
+    <head>
6
+        <meta charset="utf-8">
7
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
8
+        <meta name="format-detection" content="telephone=no,email=no,address=no">
9
+        <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
10
+
11
+        <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
12
+        <meta http-equiv="Pragma" content="no-cache" />
13
+        <meta http-equiv="Expires" content="0" />
14
+
15
+        <title>{% block title %}{% endblock %}</title>
16
+
17
+        <link href="//cdnjs.cloudflare.com/ajax/libs/pure/0.6.2/pure-min.css" rel="stylesheet">
18
+
19
+        {% block link %}{% endblock %}
20
+
21
+        <style>
22
+            body {
23
+                font-family: Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif !important;
24
+                background: #fff;
25
+            }
26
+            img {
27
+                pointer-events: none;
28
+            }
29
+            .clickable {
30
+                pointer-events: auto;
31
+            }
32
+            /* Input 自动填充后,移除 Chrome 默认黄色 */
33
+            input:-webkit-autofill {
34
+                box-shadow: 0 0 0 1000px white inset !important;
35
+            }
36
+            .container {
37
+                padding-bottom: 45px;
38
+            }
39
+            .text-center {
40
+                text-align: center;
41
+            }
42
+            .empty {
43
+                color: #999;
44
+                padding: .9375rem 0;
45
+                font-size: .625rem;
46
+            }
47
+            .text_ellipsis {
48
+                overflow:hidden;
49
+                white-space:nowrap;
50
+                text-overflow: ellipsis;
51
+            }
52
+
53
+            .fl {
54
+                float: left;
55
+            }
56
+            .fr {
57
+                float: right;
58
+            }
59
+            .clearfix {
60
+                zoom: 1;
61
+            }
62
+            .clearfix:after {
63
+                content: "\200B";
64
+                display: block;
65
+                height: 0;
66
+                clear: both;
67
+            }
68
+        </style>
69
+
70
+        {% block tohomecss %}
71
+        <style>
72
+            .tohome {
73
+                width: 40px;
74
+                height: 40px;
75
+                background-color: rgba(139, 139, 139, 0.7);
76
+                position: fixed;
77
+                right: 10px;
78
+                bottom: 20px;
79
+                border-radius: 9999px;
80
+                border-top-left-radius: 9999px;
81
+                border-top-right-radius: 9999px;
82
+                border-bottom-left-radius: 9999px;
83
+                border-bottom-right-radius: 9999px;
84
+                z-index: 99999999;
85
+            }
86
+            .tohome img {
87
+                display: block;
88
+                width: 18px;
89
+                height: 13px;
90
+                margin: 6px auto 2px;
91
+            }
92
+            .tohome p {
93
+                color: #ffffff;
94
+            }
95
+        </style>
96
+        {% endblock %}
97
+
98
+        {% block css %}{% endblock %}
99
+
100
+        <script>
101
+            {% block rem %}
102
+            //这段js的最后面有两个参数记得要设置,一个为设计稿实际宽度,一个为制作稿最大宽度,例如设计稿为750,最大宽度为750,则为(750,750)
103
+            !function(e,t){function n(){var n=l.getBoundingClientRect().width;t=t||540,n>t&&(n=t);var i=100*n/e;r.innerHTML="html{font-size:"+i+"px;}"}var i,d=document,o=window,l=d.documentElement,r=document.createElement("style");if(l.firstElementChild)l.firstElementChild.appendChild(r);else{var a=d.createElement("div");a.appendChild(r),d.write(a.innerHTML),a=null}n(),o.addEventListener("resize",function(){clearTimeout(i),i=setTimeout(n,300)},!1),o.addEventListener("pageshow",function(e){e.persisted&&(clearTimeout(i),i=setTimeout(n,300))},!1),"complete"===d.readyState?d.body.style.fontSize="16px":d.addEventListener("DOMContentLoaded",function(e){d.body.style.fontSize="16px"},!1)}(750,750);
104
+            {% endblock %}
105
+        </script>
106
+    </head>
107
+    <body>
108
+        {% block somehtml %}{% endblock %}
109
+
110
+        <div class="container">
111
+            {% block container %}{% endblock %}
112
+        </div>
113
+
114
+        {% block somehtml2 %}{% endblock %}
115
+
116
+        <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
117
+        {% block script %}{% endblock %}
118
+        <script>
119
+            {% block glbjs %}{% endblock %}
120
+            $(function() {
121
+                {% block js %}{% endblock %}
122
+            });
123
+        </script>
124
+    </body>
125
+</html>

+ 27 - 0
page/templates/page/preauth/preauth.html

@@ -0,0 +1,27 @@
1
+{% extends "base/basic_pc.html" %}
2
+{% load staticfiles %}
3
+
4
+{% block title %}第三方授权{% endblock %}
5
+
6
+{% block link %}
7
+{% endblock %}
8
+
9
+{% block css %}
10
+{% endblock %}
11
+
12
+{% block flexsliderhtml %}{% endblock %}
13
+
14
+{% block container %}
15
+{% endblock %}
16
+
17
+{% block somehtml2 %}
18
+{% endblock %}
19
+
20
+{% block script %}
21
+{% endblock %}
22
+
23
+{% block tohomehtml %}{% endblock %}
24
+
25
+{% block js %}
26
+window.location.href = "{{ preauthurl|safe }}"
27
+{% endblock %}

+ 24 - 0
page/templates/page/preauth/preauth_success.html

@@ -0,0 +1,24 @@
1
+{% extends "base/basic_pc.html" %}
2
+{% load staticfiles %}
3
+
4
+{% block title %}第三方授权{% endblock %}
5
+
6
+{% block link %}{% endblock %}
7
+
8
+{% block css %}
9
+{% endblock %}
10
+
11
+{% block flexsliderhtml %}{% endblock %}
12
+
13
+{% block container %}
14
+    <div>授权成功</div>
15
+{% endblock %}
16
+
17
+{% block somehtml2 %}{% endblock %}
18
+
19
+{% block script %}{% endblock %}
20
+
21
+{% block tohomehtml %}{% endblock %}
22
+
23
+{% block js %}
24
+{% endblock %}