|
{% load staticfiles %}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="format-detection" content="telephone=no,email=no,address=no">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<title>{% block title %}{% endblock %}</title>
<link href="//cdnjs.cloudflare.com/ajax/libs/pure/0.6.2/pure-min.css" rel="stylesheet">
{% block link %}{% endblock %}
<style>
body {
font-family: Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif !important;
background: #fff;
}
img {
pointer-events: none;
}
.clickable {
pointer-events: auto;
}
/* Input 自动填充后，移除 Chrome 默认黄色 */
input:-webkit-autofill {
box-shadow: 0 0 0 1000px white inset !important;
}
.container {
padding-bottom: 45px;
}
.text-center {
text-align: center;
}
.empty {
color: #999;
padding: .9375rem 0;
font-size: .625rem;
}
.text_ellipsis {
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.fl {
float: left;
}
.fr {
float: right;
}
.clearfix {
zoom: 1;
}
.clearfix:after {
content: "\200B";
display: block;
height: 0;
clear: both;
}
</style>
{% block tohomecss %}
<style>
.tohome {
width: 40px;
height: 40px;
background-color: rgba(139, 139, 139, 0.7);
position: fixed;
right: 10px;
bottom: 20px;
border-radius: 9999px;
border-top-left-radius: 9999px;
border-top-right-radius: 9999px;
border-bottom-left-radius: 9999px;
border-bottom-right-radius: 9999px;
z-index: 99999999;
}
.tohome img {
display: block;
width: 18px;
height: 13px;
margin: 6px auto 2px;
}
.tohome p {
color: #ffffff;
}
</style>
{% endblock %}
{% block css %}{% endblock %}
<script>
{% block rem %}
//这段js的最后面有两个参数记得要设置，一个为设计稿实际宽度，一个为制作稿最大宽度，例如设计稿为750，最大宽度为750，则为(750,750)
!function(e,t){function n(){var n=l.getBoundingClientRect().width;t=t||540,n>t&&(n=t);var i=100*n/e;r.innerHTML="html{font-size:"+i+"px;}"}var i,d=document,o=window,l=d.documentElement,r=document.createElement("style");if(l.firstElementChild)l.firstElementChild.appendChild(r);else{var a=d.createElement("div");a.appendChild(r),d.write(a.innerHTML),a=null}n(),o.addEventListener("resize",function(){clearTimeout(i),i=setTimeout(n,300)},!1),o.addEventListener("pageshow",function(e){e.persisted&&(clearTimeout(i),i=setTimeout(n,300))},!1),"complete"===d.readyState?d.body.style.fontSize="16px":d.addEventListener("DOMContentLoaded",function(e){d.body.style.fontSize="16px"},!1)}(750,750);
{% endblock %}
</script>
</head>
<body>
{% block somehtml %}{% endblock %}
<div class="container">
{% block container %}{% endblock %}
</div>
{% block somehtml2 %}{% endblock %}
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
{% block script %}{% endblock %}
<script>
{% block glbjs %}{% endblock %}
$(function() {
{% block js %}{% endblock %}
});
</script>
</body>
</html>
|
