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> | ... | ... |