Commit 3e1a05c17e5bd2aaee93e8de3f2654725a096065

Authored by 胡旷杰
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>
... ...