郭盛 / enterprise · 提交

转到一个项目

作者 何书鹏
提交 24c8cccf7b3375dbef2e04ccf67b852efd8b4e3f 1 个父辈 ef4a85e1
1 个管道 的构建 通过 耗费 4 秒

h5

内嵌 并排对比
正在显示 4 个修改的文件 包含 141 行增加 和 11 行删除
@@ -5,9 +5,15 @@ @@ -5,9 +5,15 @@
5 <meta charset="UTF-8" /> 5 <meta charset="UTF-8" />
6 <title>{$title}</title> 6 <title>{$title}</title>
7 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 7 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  8 + <meta http-equiv="Access-Control-Allow-Origin" content="*" />
8 <link rel="stylesheet" href="__CDN__/assets/share/js/jquery.min.js" /> 9 <link rel="stylesheet" href="__CDN__/assets/share/js/jquery.min.js" />
9 <script src="__CDN__/assets/share/js/base.js"></script> 10 <script src="__CDN__/assets/share/js/base.js"></script>
10 <style> 11 <style>
  12 + body,
  13 + html {
  14 + margin: 0;
  15 + }
  16 +
11 .quesbox { 17 .quesbox {
12 padding: 0.5rem 0.32rem; 18 padding: 0.5rem 0.32rem;
13 box-sizing: border-box; 19 box-sizing: border-box;
@@ -15,7 +21,7 @@ @@ -15,7 +21,7 @@
15 background: #ffffff; 21 background: #ffffff;
16 border-radius: 0.24rem; 22 border-radius: 0.24rem;
17 box-shadow: 0 0.12rem 0.24rem 0.06rem rgba(0, 0, 0, 0.05); 23 box-shadow: 0 0.12rem 0.24rem 0.06rem rgba(0, 0, 0, 0.05);
18 - margin: 0 auto 0; 24 + margin: 0.4rem auto 0;
19 } 25 }
20 26
21 .questitle { 27 .questitle {
@@ -67,25 +73,78 @@ @@ -67,25 +73,78 @@
67 margin-right: 0.12rem; 73 margin-right: 0.12rem;
68 } 74 }
69 75
70 - .goapp {  
71 - width: 3.44rem;  
72 - height: 0.84rem; 76 + .topbox {
  77 + width: 100%;
  78 + background: rgba(255, 255, 255, 0.9);
  79 + box-shadow: 0px 0.04rem 0.08rem 0px rgba(0, 0, 0, 0.13);
  80 + display: flex;
  81 + padding: 0.25rem 0.32rem;
  82 + box-sizing: border-box;
  83 + }
  84 +
  85 + .logoimg {
  86 + width: 1.28rem;
  87 + height: 1.28rem;
  88 + font-size: 0;
  89 + margin-bottom: 0.14rem;
  90 + margin-right: 0.28rem;
  91 + }
  92 +
  93 + .logoimg img {
  94 + width: 100%;
  95 + height: 100%;
  96 + }
  97 +
  98 + .appintro {
  99 + color: #06121f;
  100 + font-size: 0.28rem;
  101 + }
  102 +
  103 + .topboxright {
  104 + display: flex;
  105 + flex-direction: column;
  106 + justify-content: flex-end;
  107 + align-items: flex-end;
  108 + }
  109 +
  110 + .openapp {
  111 + width: 1.78rem;
  112 + height: 0.6rem;
73 background: #fd7a3e; 113 background: #fd7a3e;
74 border-radius: 0.42rem; 114 border-radius: 0.42rem;
75 - box-shadow: 0px 0.08rem 0.16rem 0px rgba(253, 122, 62, 0.3);  
76 color: #fff; 115 color: #fff;
77 font-size: 0.28rem; 116 font-size: 0.28rem;
78 text-align: center; 117 text-align: center;
79 - line-height: 0.84rem;  
80 - margin: 2rem auto 0; 118 + line-height: 0.6rem;
  119 + }
  120 +
  121 + .logoname {
  122 + color: #06121f;
  123 + font-size: 0.24rem;
  124 + text-align: center;
  125 + width: 1.28rem;
81 } 126 }
82 </style> 127 </style>
83 </head> 128 </head>
84 129
85 <body> 130 <body>
86 - <div class="questype">  
87 - <img src="__CDN__/assets/share/images/qiandao.png" alt="" class="selectimg" /> 单选题 131 + <div class="topbox">
  132 + <div class="topboxleft">
  133 + <div class="logoimg">
  134 + <img src="__CDN__/assets/share/images/app_icon.png" alt="" />
  135 + </div>
  136 + <div class="logoname">精工筑匠</div>
  137 + </div>
  138 + <div class="topboxright">
  139 + <div class="appintro">
  140 + 此处为APP简介，文案待客户确定，此处为APP简介，文案待客户确定，
  141 + </div>
  142 + <div class="openapp">打开APP</div>
  143 + </div>
88 </div> 144 </div>
  145 + <!-- <div class="questype">
  146 + <img src="images/qiandao.png" alt="" class="selectimg" /> 单选题
  147 + </div> -->
89 <div class="quesbox"> 148 <div class="quesbox">
90 <div class="questitle"> 149 <div class="questitle">
91 下面项目目标动态控制措施中，属于管理措施的是（ ） 150 下面项目目标动态控制措施中，属于管理措施的是（ ）
@@ -109,9 +168,38 @@ @@ -109,9 +168,38 @@
109 </div> 168 </div>
110 </div> 169 </div>
111 </div> 170 </div>
112 - <div class="goapp">去app中打开</div>  
113 </body> 171 </body>
114 <script src="__CDN__/assets/share/js/jquery.min.js"></script> 172 <script src="__CDN__/assets/share/js/jquery.min.js"></script>
115 -<script></script> 173 +<script>
  174 + var question_id = getQueryVariable("question_id");
  175 + var type = getQueryVariable("type");
  176 +
  177 + function getdetail() {
  178 + var url = "/almighty/questionInfo";
  179 + var params = {
  180 + question_id: 88,
  181 + };
  182 + ajaxsend(url, params, function(res) {
  183 + /*console.log(JSON.stringify(res))*/
  184 + console.log(res);
  185 + });
  186 + }
  187 + getdetail();
  188 +
  189 + // var xhr = new XMLHttpRequest();
  190 + // xhr.open(
  191 + // "GET",
  192 + // "http://enterprise.t.brotop.cn/mobile?question_id=88",
  193 + // true
  194 + // );
  195 + // xhr.withCredentials = true;
  196 + // xhr.onload = function() {
  197 + // alert(xhr.response); //reposHTML;
  198 + // };
  199 + // xhr.onerror = function() {
  200 + // alert("error making the request.");
  201 + // };
  202 + // xhr.send();
  203 +</script>
116 204
117 </html> 205 </html>
@@ -3,3 +3,45 @@ var baseWidth = Length <= 1024 ? Length : 1024 < Length ? 750 : ''; @@ -3,3 +3,45 @@ var baseWidth = Length <= 1024 ? Length : 1024 < Length ? 750 : '';
3 document.documentElement.style.fontSize = baseWidth / 750 * 100 + 'px'; 3 document.documentElement.style.fontSize = baseWidth / 750 * 100 + 'px';
4 4
5 5
  6 +function ajaxsend(url, parmas, callback) {
  7 + var baseUrl = 'http://enterprise.t.brotop.cn/mobile';
  8 + $.ajax({
  9 + type: "POST",
  10 + url: baseUrl + url,
  11 + data: parmas,
  12 + dataType: "json",
  13 + success: function(data) {
  14 + funsc && funsc(data)
  15 + }
  16 + });
  17 + // $.ajax({
  18 + // type: "POST",
  19 + // timeout: 1000,
  20 + // url: baseUrl + url,
  21 + // contentType: "application/json; charset=utf-8",
  22 + // data: JSON.stringify(parmas),
  23 + // dataType: "json",
  24 + // success: function(message) {
  25 + // if (callback) {
  26 + // callback(message);
  27 + // }
  28 + // },
  29 + // error: function(XMLHttpRequest, textStatus, errorThrown) {
  30 + // /* mui.alert( "错误码:" + XMLHttpRequest.status,"网络错误", function() {
  31 + // });*/
  32 + // }
  33 + // });
  34 +}
  35 +
  36 +//获取url带的参数
  37 +function getQueryVariable(variable) {
  38 + var query = window.location.search.substring(1);
  39 + var vars = query.split("&");
  40 + for (var i = 0; i < vars.length; i++) {
  41 + var pair = vars[i].split("=");
  42 + if (pair[0] == variable) { return pair[1]; }
  43 + }
  44 + return (false);
  45 +}
  46 +
  47 +function ererer() { return 21; }