Commit 2d5f01e3 by 颜景龙

修改图片

parent 36964ce9
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=">
<meta http-equiv="x-dns-prefetch-control" content="on">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=.0, maximum-scale=.0, user-scalable=no">
<meta name="format-detection" content="telephone = no"/>
<title></title>
<style>
html {
font-size: 16px;
}
html,
body {
margin: 0;
padding: 0;
background: #333740;
font-family: -apple-system-font, "Helvetica Neue", sans-serif;
width: 23.4375rem;
color: #FFF;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
*::before,
*::after {
box-sizing: border-box;
}
.image-list {
width: 23.4375rem;
}
.image-list > img {
display: block;
width: 23.4375rem;
border: 0;
outline: 0;
float: left;
}
h3 {
background: #292C35;
color: #FFF;
padding-left: 1.25rem;
line-height: 2rem;
}
.class-banner {
width: 100%;
height: 12.5rem;
background-size: cover;
flex-direction: column;
background-position: center;
}
</style>
</head>
<body>
<div class="class-banner">
</div>
<script src="https://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js"></script>
<script type="text/javascript">
var HTTP_URL = 'http://192.168.31.182:8080/wedo-fit';
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg); //匹配目标参数
if (r != null) return unescape(r[2]); return null; //返回参数值
}
$(document).ready(function() {
$(window).ready(function(){
$('html').css({'font-size':$(window).width()/375*16});
});
$(window).resize(function(){
$('html').css({'font-size':$(window).width()/375*16});
});
var id = getUrlParam('id');
if (id) {
$.post(HTTP_URL+"/wedofit/user/web/page"+id,
function(data){
var result = JSON.parse(data);
if (result.code == 0) {
var list = result.data;
for (var i=0; i<list.length; i++) {
var img = $(`<img src="${HTTP_URL}${list[i]}" />`);
img.appendTo('.image-list');
}
}
});
}
})
</script>
</body>
</html>
\ No newline at end of file
......@@ -19,7 +19,7 @@ body {
.class-banner {
width: 100%;
height: 10rem;
height: 12.5rem;
background-size: cover;
flex-direction: column;
background-position: center;
......
......@@ -19,7 +19,7 @@ body {
.class-banner {
width: 100%;
height: 10rem;
height: 12.5rem;
background-size: cover;
flex-direction: column;
background-position: center;
......
......@@ -58,7 +58,7 @@
.class-banner {
width: 100%;
height: 10rem;
height: 12.5rem;
background-size: cover;
flex-direction: column;
background-position: center;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此消息的编辑!
注册登录 后发表评论