Skip to content

Commit c8d6481

Browse files
author
李阳
committed
111
1 parent fb408ee commit c8d6481

File tree

2 files changed

+273
-0
lines changed

2 files changed

+273
-0
lines changed

‎fixedfooter/test.html‎

Lines changed: 273 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,273 @@
1+
2+
<!doctype html>
3+
<html>
4+
<head>
5+
<meta charset="utf-8">
6+
<title>账号与安全</title>
7+
<meta name="renderer" content="webkit">
8+
<meta name="viewport"
9+
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
10+
<meta name="MobileOptimized" content="240">
11+
<meta name="Iphone-content" content="320">
12+
<link rel="stylesheet" href="https://s.ssl.pdim.gs/static/3148bbed208654c4.css">
13+
<link rel="stylesheet" href="https://s.ssl.pdim.gs/static/51ff2239e6da535a.css">
14+
<script>
15+
(function (win, lib) {
16+
var doc = win.document;
17+
var docEl = doc.documentElement;
18+
var metaEl = doc.querySelector('meta[name="viewport"]');
19+
var flexibleEl = doc.querySelector('meta[name="flexible"]');
20+
var dpr = 0;
21+
var scale = 0;
22+
var tid;
23+
var flexible = lib.flexible || (lib.flexible = {});
24+
25+
if (metaEl) {
26+
console.warn('将根据已有的meta标签来设置缩放比例');
27+
var match = metaEl.getAttribute('content').match(/initial\-scale=([\d\.]+)/);
28+
if (match) {
29+
scale = parseFloat(match[1]);
30+
// alert(scale);
31+
dpr = parseInt(1 / scale);
32+
}
33+
} else if (flexibleEl) {
34+
var content = flexibleEl.getAttribute('content');
35+
if (content) {
36+
var initialDpr = content.match(/initial\-dpr=([\d\.]+)/);
37+
var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/);
38+
if (initialDpr) {
39+
dpr = parseFloat(initialDpr[1]);
40+
scale = parseFloat((1 / dpr).toFixed(2));
41+
}
42+
if (maximumDpr) {
43+
dpr = parseFloat(maximumDpr[1]);
44+
scale = parseFloat((1 / dpr).toFixed(2));
45+
}
46+
}
47+
}
48+
49+
if (!dpr && !scale) {
50+
var isAndroid = win.navigator.appVersion.match(/android/gi);
51+
var isIPhone = win.navigator.appVersion.match(/iphone/gi);
52+
var devicePixelRatio = win.devicePixelRatio;
53+
if (isIPhone) {
54+
55+
if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
56+
dpr = 3;
57+
} else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) {
58+
dpr = 2;
59+
} else {
60+
dpr = 1;
61+
}
62+
} else {
63+
64+
dpr = 1;
65+
}
66+
scale = 1 / dpr;
67+
}
68+
69+
docEl.setAttribute('data-dpr', dpr);
70+
if (!metaEl) {
71+
metaEl = doc.createElement('meta');
72+
metaEl.setAttribute('name', 'viewport');
73+
metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
74+
if (docEl.firstElementChild) {
75+
docEl.firstElementChild.appendChild(metaEl);
76+
} else {
77+
var wrap = doc.createElement('div');
78+
wrap.appendChild(metaEl);
79+
doc.write(wrap.innerHTML);
80+
}
81+
}
82+
83+
function refreshRem() {
84+
85+
var width = docEl.getBoundingClientRect().width;
86+
/* if (width / dpr > 540) {
87+
width = 540 * dpr;
88+
}*/
89+
// alert(width);
90+
var rem = width / 10;
91+
docEl.style.fontSize = rem + 'px';
92+
window.fontRatio = rem;
93+
flexible.rem = win.rem = rem;
94+
}
95+
96+
win.addEventListener('resize', function () {
97+
clearTimeout(tid);
98+
tid = setTimeout(refreshRem, 300);
99+
}, false);
100+
win.addEventListener('pageshow', function (e) {
101+
if (e.persisted) {
102+
clearTimeout(tid);
103+
tid = setTimeout(refreshRem, 300);
104+
}
105+
}, false);
106+
107+
if (doc.readyState === 'complete') {
108+
doc.body.style.fontSize = 12 * dpr + 'px';
109+
} else {
110+
doc.addEventListener('DOMContentLoaded', function (e) {
111+
doc.body.style.fontSize = 12 * dpr + 'px';
112+
}, false);
113+
}
114+
115+
116+
refreshRem();
117+
118+
flexible.dpr = win.dpr = dpr;
119+
flexible.refreshRem = refreshRem;
120+
flexible.rem2px = function (d) {
121+
var val = parseFloat(d) * this.rem;
122+
if (typeof d === 'string' && d.match(/rem$/)) {
123+
val += 'px';
124+
}
125+
return val;
126+
};
127+
flexible.px2rem = function (d) {
128+
var val = parseFloat(d) / this.rem;
129+
if (typeof d === 'string' && d.match(/px$/)) {
130+
val += 'rem';
131+
}
132+
return val;
133+
}
134+
135+
})(window, window['lib'] || (window['lib'] = {}));
136+
</script>
137+
138+
</head>
139+
<body>
140+
<div class="third-bind">
141+
<dl class="bind-list">
142+
<dt>账号绑定</dt>
143+
<dd class="unbind mobile first">
144+
<div class="cover">
145+
<div class="img">
146+
<img src="https://i.ssl.pdim.gs/7561ca1228d3ae970d04d6c1032210c7.png" alt="">
147+
</div>
148+
<p>手机号</p>
149+
<span></span>
150+
<button class="bind" data-type="6">
151+
</button>
152+
</div>
153+
</dd>
154+
<dd class="unbind weixin hide">
155+
<div class="cover">
156+
<div class="img">
157+
<img src="https://i.ssl.pdim.gs/8eb071c95b627307c5b281be3794785f.png" alt="">
158+
</div>
159+
<p>微信</p>
160+
<span></span>
161+
<button class="unbind" data-type="3">
162+
</button>
163+
</div>
164+
</dd>
165+
<dd class="unbind qq hide">
166+
<div class="cover">
167+
<div class="img">
168+
<img src="https://i.ssl.pdim.gs/38b87341142e609905a79331058d3e05.png" alt="">
169+
</div>
170+
<p>QQ</p>
171+
<span></span>
172+
<button class="unbind" data-type="4">
173+
</button>
174+
</div>
175+
</dd>
176+
<dd class="unbind weibo hide">
177+
<div class="cover">
178+
<div class="img">
179+
<img src="https://i.ssl.pdim.gs/9fac9ee9b7671b00d921ac6757cc9a9a.png" alt="">
180+
</div>
181+
<p>新浪微博</p>
182+
<span></span>
183+
<button class="unbind" data-type="5">
184+
</button>
185+
</div>
186+
</dd>
187+
<dd class="unbind facebook hide">
188+
<div class="cover">
189+
<div class="img">
190+
<img src="https://i.ssl.pdim.gs/228ba36b70871812ff75c9db0d8e3b6c.png" alt="">
191+
</div>
192+
<p>Facbook</p>
193+
<span></span>
194+
<button class="unbind" data-type="1">
195+
</button>
196+
</div>
197+
</dd>
198+
<dd class="unbind twitter hide">
199+
<div class="cover">
200+
<div class="img">
201+
<img src="https://i.ssl.pdim.gs/6af0509f77825c981afe927c3bbc29c9.png" alt="">
202+
</div>
203+
<p>Twitter</p>
204+
<span></span>
205+
<button class="unbind" data-type="2">
206+
</button>
207+
</div>
208+
</dd>
209+
</dl>
210+
<dl class="bind-list email">
211+
<dt>邮箱绑定</dt>
212+
<dd class="first">
213+
<div class="cover">
214+
<div class="img">
215+
<img src="https://i.ssl.pdim.gs/ab5324c377d841766bbeb8a0a731d953.png" alt="">
216+
</div>
217+
<span>未绑定</span>
218+
<button class="bind" data-type="7">
219+
</button>
220+
</div>
221+
</dd>
222+
</dl>
223+
</div>
224+
<div class="input-item-error-text" style="display: none;"></div>
225+
<div class="common-tips hide">
226+
<div class="bg"></div>
227+
<div class="confirm">
228+
<div class="title">
229+
<span>
230+
解绑账号
231+
</span>
232+
<a href="javascript:void(0);" class="close"></a>
233+
</div>
234+
<div class="text">
235+
您将无法使用该社交账号登录此账户，确定取消绑定吗？
236+
</div>
237+
<div class="btn">
238+
<a class="sure" href="javascript:void(0)">确定</a>
239+
<a class="cancel" href="javascript:void(0)">算了</a>
240+
</div>
241+
</div>
242+
243+
<div class="warn">
244+
<div class="title">
245+
<span>
246+
解绑账号
247+
</span>
248+
<a href="javascript:void(0);" class="close"></a>
249+
</div>
250+
<div class="text">
251+
解绑后，该账号将无法再登录，且猫币、竹子将全部清除！确定取消绑定吗？
252+
<div class="value clearfix">
253+
<ul>
254+
<li>
255+
竹子 <span class="bamboo green">0</span>
256+
</li>
257+
<li>
258+
猫币 <span class="maobi orange">0</span>
259+
</li>
260+
</ul>
261+
</div>
262+
</div>
263+
<div class="btn">
264+
<a class="sure" href="javascript:void(0)">确定</a>
265+
<a class="cancel" href="javascript:void(0)"> 再考虑下</a>
266+
</div>
267+
</div>
268+
</div>
269+
270+
<script src="https://s.ssl.pdim.gs/static/06ce777e6c20d314.js"></script>
271+
<script src="https://s.ssl.pdim.gs/static/64db1b839ff89c7e.js"></script>
272+
</body>
273+
</html>

‎fixedfooter/tset.js‎

Whitespace-only changes.

0 commit comments

Comments
 (0)