|
{% 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">
<title>照片详情</title>
<style>
body {position:absolute;top:0;right:0;bottom:0;left:0;margin:0;font-family:"Microsoft YaHei","sans-serif","Microsoft Sans Serif","Microsoft JhengHei UI";background:#fff6e6;color:gray}
img {width:100%}
/* For Download Section */
.download_section {position:fixed;right:0;bottom:0;left:0;height:55px;padding:5px;background:#f0f0f0;box-sizing:border-box}
.pai2_icon {width:45px;height:45px;float:left}
.pai2_icon>img {width:100%;height:100%}
.pai2_desc {height:45px;padding:5px 0 0 5px;float:left}
.pai2_name {padding-top:2px;font-size:14px;text-align:left}
.pai2_des {padding-top:2px;font-size:12px;line-height:23px;color:#8f8f8f;text-align:left}
.pai2_download {position:relative;top:5px;width:100px;height:35px;line-height:35px;text-align:center;background:#d13621;color:#fff;border-radius:5px;float:right}
/* For PC */
body, .download_section {
max-width: 414px !important;
margin: 0 auto !important;
}
</style>
</head>
<body>
<div class="container">
<article class="text-center">
<img src="{{ photo_url }}">
</article>
</div>
<div id="download_section" class="download_section">
<div class="pai2_icon">
<img src="{% static 'pai2/img/paiai_96_96.png' %}">
</div>
<div class="pai2_desc">
<div class="pai2_name">拍爱</div>
<div class="pai2_des">即拍即分享</div>
</div>
<div id="pai2_download" class="pai2_download">立即下载</div>
</div>
</body>
</html>
|
