En UTF-8 X-UA-Compatible Ie Edge: Lang Charset Content

5/13/22, 11:59 PM view-source:192.168.43.
147:7007
Line wrap
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta http-equiv="X-UA-Compatible" content="ie=edge">
6 <script>
7 window.onload=function () {
8 document.addEventListener('touchstart',function (event) {
9 if(event.touches.length>1){
10 event.preventDefault();
11 }
12 });
13 var lastTouchEnd=0;
14 document.addEventListener('touchend',function (event) {
15 var now=(new Date()).getTime();
16 if(now-lastTouchEnd<=300){
18 }
19 lastTouchEnd=now;
20 },false);
21 document.addEventListener('gesturestart', function (event) {
23 });
24 }
25 !function(){var a="@charset \"utf-8\";html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-high
26 </script>
27 <title>Mi Drop</title>
28 <style media="screen" type="text/css">
29
30 *{
31 padding: 0;
32 margin: 0;
33 }
34
35 body {
36 background-color: #f7f7f7;
37 }
38
39 .container{
40 margin: auto;
41 padding-bottom: 1px;
42 height: 100vh;
43 -webkit-box-sizing: border-box;
44 box-sizing: border-box;
45 overflow: auto;
46 max-width: 30.0000rem;
47 }
48
49 .strong{
50 font-size: 0.4167rem;
51 overflow: hidden;
52 }
53
54 .des {
55 color: rgba(0, 0, 0, .6);
56 }
57
58 .title{
60 color: #000;
61 padding: 0.3056rem 0;
62 text-align: center;
63 }
64
65 .title > .topic{
67 }
68
69 .blue{
70 color: #009cff;
view-source:192.168.43.147:7007 1/5
5/13/22, 11:59 PM view-source:192.168.43.147:7007
71 }
72
73 .drop{
74 margin: 0 0.1944rem;
75 border: 1px solid #009cff;
76 border-radius: 0.1389rem;
77 color: #000;
79 display: -webkit-box;
80 display: -ms-flexbox;
81 display: flex;
82 -webkit-box-align: center;
83 -ms-flex-align: center;
84 align-items: center;
85 margin-bottom: 0.1944rem;
86 background: #fff;
87 padding: 0.3333rem 0;
88 }
89
90 .drop > .left{
91 width: 1.1111rem;
92 height: 1.1111rem;
95 margin-left: 0.4722rem;
96 }
97
98 .drop > .center{
99 margin-left: 0.3056rem;
100 -webkit-box-flex: 1;
101 -ms-flex: 1;
102 flex: 1;
103 overflow : hidden;
104 text-overflow: ellipsis;
106 -webkit-line-clamp: 2;
107 -webkit-box-orient: vertical;
108 word-wrap: break-word;
109 }
110
111 .drop > .right{
112 width: 0.9722rem;
114 margin-right: 0.2778rem;
117 display: flex;
118 -webkit-box-pack: center;
119 -ms-flex-pack: center;
120 justify-content: center;
124 }
125
126 .download{
127 width: 0.4167rem;
129 }
130
131 .download-active{
132 width: 0.9722rem;
134 display: none;
135 }
136
137 .content{
138 margin-bottom: 0.1944rem;
139 background: #fff;
140 position: relative;
141 }
view-source:192.168.43.147:7007 2/5
5/13/22, 11:59 PM view-source:192.168.43.147:7007
142
143 .content::before{
144 height: 1px;
145 background-color: rgba(0, 0, 0, .15);
146 content: '';
147 position: absolute;
148 width: 100%;
149 top: 0;
150 left: 0;
151 display: block;
152 -webkit-transform: scaleY(.5);
153 transform: scaleY(.5);
154 }
155
156 .content::after{
157 height: 1px;
159 content: '';
161 width: 100%;
162 bottom: 0;
163 left: 0;
164 display: block;
167 }
168
169 .content > .topic{
171 color: #000;
173 line-height: 0.8611rem;
174 padding-left: 0.6667rem;
175 }
176
177 .content > .item{
178 color: #000;
182 display: flex;
186 padding: 0.3333rem 0 0.3333rem 0.6667rem;
187 position: relative;
188 }
189
190 .content > .item::before{
191 height: 1px;
193 content: '';
195 width: 93%;
196 top: 0;
197 left: 0.6667rem;
198 display: block;
201 }
202
203 .content > .item > .left{
204 width: 1.1111rem;
206 background-size: cover;
207 background-position: 50% 50%;
208 background-repeat: no-repeat;
209 border: 1px inset rgba(0, 0, 0, .05);
212 }
view-source:192.168.43.147:7007 3/5
5/13/22, 11:59 PM view-source:192.168.43.147:7007
213
214 .content > .item > .center{

215 padding-left: 0.3056rem;
216 -webkit-box-flex: 1;
217 -ms-flex: 1;
218 flex: 1;
219 overflow : hidden;
220 text-overflow: ellipsis;
222 -webkit-line-clamp: 1;
223 -webkit-box-orient: vertical;
224 word-wrap: break-word;
225 }
226
227 .content > .item > .right{
228 width: 0.9722rem;
230 margin-right: 0.4722rem;
233 display: flex;
234 -webkit-box-pack: center;
235 -ms-flex-pack: center;
236 justify-content: center;
240 }
241
242 </style>
243 </head>
244 <body>
245 <div class="container">
246 <div class="title"><div class="topic strong"><span class="blue">TECNO KC2</span> shared <span class="blue">43</span> items</div><div class="des">Transfer without connecting to the internet</div></div><div class=
247 </div>
248
249 <script>
250 'use strict';
251
252 var itemArr = document.querySelectorAll('.right');
253 for (var i = 0; i < itemArr.length; i++) {
254 itemArr[i].ontouchstart = function () {
255 this.style.background = '#f7f7f7';
256 };
257 itemArr[i].ontouchend = function () {
258 this.style.background = '#fff';
259 };
260 }
261
262 var normal = document.getElementById('midrop_download');
263 var active = document.getElementById('midrop_download_active');
264
265 function startDownloadAnimation() {
266 normal.style.display = 'none';
267 active.style.display = 'block';
268 active.src = '5b98b00-1f47-88f55355?' + new Date().getTime();
269 setTimeout(function () {
270 normal.style.display = 'block';
271 active.style.display = 'none';
272 }.bind(this), 6000);
273 }
274
275 function stopDownloadAnimation() {
276 normal.style.display = 'block';
277 active.style.display = 'none';
278 }
279
280 function downloadMidrop(uri) {
281 stopDownloadAnimation()
282
283 download(uri)
view-source:192.168.43.147:7007 4/5
5/13/22, 11:59 PM view-source:192.168.43.147:7007
284 }
285
286 function download(uri) {
287 window.location.href=uri;
288 }
289
290 var u = navigator.userAgent;
291 if (/(Android)/i.test(navigator.userAgent)) {
292 startDownloadAnimation();
293 } else {
294 document.getElementById('midrop_des').style.display = 'none';
295 itemArr[0].style.display = 'none';
296 }
297 </script>
298 </body>
299 </html>
view-source:192.168.43.147:7007 5/5

En UTF-8 X-UA-Compatible Ie Edge: Lang Charset Content

Uploaded by

Copyright:

Available Formats

You might also like

En UTF-8 X-UA-Compatible Ie Edge: Lang Charset Content

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

En UTF-8 X-UA-Compatible Ie Edge: Lang Charset Content

Uploaded by

Copyright:

Available Formats

5/13/22, 11:59 PM view-source:192.168.43.

214 .content > .item > .center{

You might also like