Commit 3e1a05c17e5bd2aaee93e8de3f2654725a096065
1 parent
01df8c98
Exists in
master
修改提交完成页面的适配
Showing
1 changed file
with
101 additions
and
67 deletions
Show diff stats
EduResearch/src/Quiz.WebSite/Thanks.aspx
... | ... | @@ -4,63 +4,97 @@ |
4 | 4 | |
5 | 5 | <html> |
6 | 6 | <head> |
7 | -<meta charset="utf-8"> | |
8 | -<meta name="format-detection" content="telephone=no"> | |
9 | -<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"> | |
10 | -<meta name="apple-mobile-web-app-capable" content="yes"> | |
11 | -<meta name="apple-mobile-web-app-status-bar-style" content="black"> | |
12 | -<title>绍兴市教育局教育满意度调查</title> | |
13 | - | |
7 | + <meta charset="utf-8"> | |
8 | + <meta name="format-detection" content="telephone=no"> | |
9 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"> | |
10 | + <meta name="apple-mobile-web-app-capable" content="yes"> | |
11 | + <meta name="apple-mobile-web-app-status-bar-style" content="black"> | |
12 | + <title>绍兴市教育局教育满意度调查</title> | |
13 | + <script> | |
14 | + window.onload = function () { | |
15 | + /*750代表设计师给的设计稿的宽度,你的设计稿是多少,就写多少;100代表换算比例,这里写100是 | |
16 | + 为了以后好算,比如,你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/ | |
17 | + getRem(750, 100) | |
18 | + }; | |
19 | + window.onresize = function () { | |
20 | + getRem(750, 100) | |
21 | + }; | |
22 | + function getRem(pwidth, prem) { | |
23 | + var html = document.getElementsByTagName("html")[0]; | |
24 | + var oWidth = document.body.clientWidth || document.documentElement.clientWidth; | |
25 | + html.style.fontSize = oWidth / pwidth * prem + "px"; | |
26 | + } | |
27 | + </script> | |
28 | + <script> | |
29 | + // 适配pad padPro | |
30 | + /(pad|pod|iPad|iPod|iOS)/i.test(navigator.userAgent) && (head = document.getElementsByTagName('head'), viewport = document.createElement('meta'), viewport.name = 'viewport', viewport.content = 'target-densitydpi=device-dpi, width=480px, user-scalable=no', head.length > 0 && head[head.length - 1].appendChild(viewport)); | |
31 | + </script> | |
14 | 32 | |
15 | -<%--<link href="http://vote.on168.com.cn/jindu/assets/reset.css" rel="stylesheet"/> | |
33 | + <%--<link href="http://vote.on168.com.cn/jindu/assets/reset.css" rel="stylesheet"/> | |
16 | 34 | <link href="http://vote.on168.com.cn/jindu/assets/style.css" rel="stylesheet"/>--%> |
17 | - <%-- <link href="assets/reset.css" rel="stylesheet" /> | |
18 | - <link href="assets/style.css?v=3" rel="stylesheet" />--%> | |
19 | - <link href="https://szkj.shunzhi.net/jindu/shaoxing/assets/reset.css" rel="stylesheet" /> | |
20 | - <link href="https://szkj.shunzhi.net/jindu/shaoxing/assets/style.css" rel="stylesheet" /> | |
21 | -<script src="http://vote.on168.com.cn/jindu/assets/jquery-1.8.3.min.js"></script> | |
35 | + <link href="assets/reset.css" rel="stylesheet" /> | |
36 | + <link href="assets/style.css" rel="stylesheet" /> | |
37 | + <%-- <link href="https://szkj.shunzhi.net/jindu/shaoxing/assets/reset.css" rel="stylesheet" /> | |
38 | + <link href="https://szkj.shunzhi.net/jindu/shaoxing/assets/style.css" rel="stylesheet" />--%> | |
39 | + <script src="http://vote.on168.com.cn/jindu/assets/jquery-1.8.3.min.js"></script> | |
22 | 40 | |
23 | -<!--[if lte IE 9]> | |
41 | + <!--[if lte IE 9]> | |
24 | 42 | <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> |
25 | 43 | <![endif]--> |
26 | -<style> | |
27 | - html,body{ overflow:hidden;} | |
28 | - body.bodybg{ | |
29 | - background:url("images/sbg.png") no-repeat; | |
30 | - background-size:contain; | |
31 | - } | |
32 | - .footer{ position:relative; z-index:10; color:#333; padding:5px 0; width:100%; margin-top:10%; text-align:center;} | |
33 | - .footer a{ color:#333;} | |
34 | - .thanks-top{ | |
35 | - background: url(images/thankbox.png?v=3) no-repeat; | |
36 | - background-size: 100%; | |
37 | - height: 300px; | |
38 | - margin: 50px auto; | |
39 | - width: 80%; | |
40 | - background-origin: content-box; | |
41 | - padding-top: 70px; | |
42 | - text-align: center; | |
43 | - } | |
44 | - .thanks-top div { | |
45 | - height:34px; | |
46 | - line-height:34px; | |
44 | + <style> | |
45 | + html, body { | |
46 | + overflow: hidden; | |
47 | + } | |
48 | + | |
49 | + body.bodybg { | |
50 | + background: url("images/sbg.png") no-repeat; | |
51 | + background-size: contain; | |
52 | + } | |
53 | + | |
54 | + .footer { | |
55 | + position: relative; | |
56 | + z-index: 10; | |
57 | + color: #333; | |
58 | + padding: 5px 0; | |
59 | + width: 100%; | |
60 | + margin-top: 10%; | |
61 | + text-align: center; | |
62 | + } | |
63 | + | |
64 | + .footer a { | |
65 | + color: #333; | |
66 | + } | |
67 | + | |
68 | + .thanks-top { | |
69 | + background: url(images/thankbox.png?v=3) no-repeat; | |
70 | + background-size: 100%; | |
71 | + height: 300px; | |
72 | + margin: 50px auto; | |
73 | + width: 80%; | |
74 | + background-origin: content-box; | |
75 | + padding-top: 70px; | |
76 | + text-align: center; | |
47 | 77 | } |
48 | 78 | |
49 | -</style> | |
79 | + .thanks-top div { | |
80 | + height: 34px; | |
81 | + line-height: 34px; | |
82 | + } | |
83 | + </style> | |
50 | 84 | </head> |
51 | 85 | |
52 | 86 | <body class="bodybg"> |
53 | - <header class="header"> | |
87 | + <header class="header"> | |
54 | 88 | <div class="mid">绍兴市教育局教育满意度调查</div> |
55 | 89 | </header> |
56 | 90 | <div class="thanks-top"> |
57 | 91 | |
58 | - <div style="margin-top: 38px;font-size: 16px;font-weight: bold;">感谢您对本次调查</br>的支持!</div> | |
59 | - <%-- <div>在您的支持与建议中,</div> | |
92 | + <div style="margin-top: 38px; font-size: 16px; font-weight: bold;">感谢您对本次调查</br>的支持!</div> | |
93 | + <%-- <div>在您的支持与建议中,</div> | |
60 | 94 | <div>我们会将学校建设得更加美好!</div>--%> |
61 | 95 | </div> |
62 | 96 | <%--<img class="thanks-top" src="images/thankbox.png"/>--%> |
63 | - <!--<section class="thanks-info"> | |
97 | + <!--<section class="thanks-info"> | |
64 | 98 | <div class="box"> |
65 | 99 | <h3 class="thanks-title">参与者信息</h3> |
66 | 100 | <div class="row"><span class="name">姓名:</span></div> |
... | ... | @@ -68,32 +102,32 @@ |
68 | 102 | <div class="row"><span class="schoolname">学校:</span></div> |
69 | 103 | </div> |
70 | 104 | </section>--> |
71 | -<%-- <section class="footer"> | |
105 | + <%-- <section class="footer"> | |
72 | 106 | <img src="http://vote.on168.com.cn/jindu/images/copyright.gif"/> 杭州顺治科技股份有限公司 |
73 | 107 | <br/>客服热线:<a>400-826-2468</a> |
74 | 108 | </section>--%> |
75 | 109 | <img class="thanks-bottom" src="./images/sbox.png" /> |
76 | 110 | <script> |
77 | - var winHeight = $(window).height(); | |
78 | - var winWidth = $(window).width(); | |
79 | - $(function() { | |
80 | - //var bodyWidth = $('body').width(); | |
81 | - //if (winHeight > winWidth * 1.778) { | |
82 | - // $('body').css('height', winHeight); | |
83 | - //} else { | |
84 | - // if (winHeight <= 480 || winHeight <= winWidth * 1.5) { | |
85 | - // $('body').css('height', bodyWidth * 1.778); | |
86 | - // } else { | |
87 | - // $('body').css('height', winHeight); | |
88 | - // } | |
89 | - //} | |
111 | + var winHeight = $(window).height(); | |
112 | + var winWidth = $(window).width(); | |
113 | + $(function () { | |
114 | + //var bodyWidth = $('body').width(); | |
115 | + //if (winHeight > winWidth * 1.778) { | |
116 | + // $('body').css('height', winHeight); | |
117 | + //} else { | |
118 | + // if (winHeight <= 480 || winHeight <= winWidth * 1.5) { | |
119 | + // $('body').css('height', bodyWidth * 1.778); | |
120 | + // } else { | |
121 | + // $('body').css('height', winHeight); | |
122 | + // } | |
123 | + //} | |
90 | 124 | |
91 | - var name = localStorage.getItem('name'); | |
92 | - var mobile = localStorage.getItem('mobile'); | |
93 | - var schoolname = localStorage.getItem('schoolname'); | |
94 | - var curmobile = '<%=mobile%>'; | |
95 | - if (name == "underfined"||name==null) { | |
96 | - $.post("Ajax/GetInfo", { mobile: curmobile }, function(json) { | |
125 | + var name = localStorage.getItem('name'); | |
126 | + var mobile = localStorage.getItem('mobile'); | |
127 | + var schoolname = localStorage.getItem('schoolname'); | |
128 | + var curmobile = '<%=mobile%>'; | |
129 | + if (name == "underfined" || name == null) { | |
130 | + $.post("Ajax/GetInfo", { mobile: curmobile }, function (json) { | |
97 | 131 | if (json.Status) { |
98 | 132 | if (json.Message == "") { |
99 | 133 | $('.box .name').text("姓名:未填写"); |
... | ... | @@ -117,15 +151,15 @@ |
117 | 151 | $('.box .mobile').text("手机:" + mobile); |
118 | 152 | $('.box .schoolname').text("学校:" + schoolname); |
119 | 153 | } |
120 | - | |
121 | - }); | |
122 | - | |
154 | + | |
155 | + }); | |
156 | + | |
123 | 157 | </script> |
124 | - | |
125 | - <div style="display:none;"> | |
158 | + | |
159 | + <div style="display: none;"> | |
126 | 160 | <!-- #include file="cs.aspx" --> |
127 | - <img src="<%= new CS("1259782995").TrackPageView()%>" width="0" height="0"/> | |
161 | + <img src="<%= new CS("1259782995").TrackPageView()%>" width="0" height="0" /> | |
128 | 162 | </div> |
129 | 163 | <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cspan id='cnzz_stat_icon_1275392955'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s5.cnzz.com/z_stat.php%3Fid%3D1275392955' type='text/javascript'%3E%3C/script%3E"));</script> |
130 | 164 | </body> |
131 | -</html> | |
132 | 165 | \ No newline at end of file |
166 | +</html> | ... | ... |