html5页面1

来源：互联网发布：数据加密软件排行编辑：程序博客网时间：2024/06/05 19:49

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>名片</title>
<style type="text/css">
body{
margin : 0px;
padding : 0px;
width: 100%;
height: 100%;
position: absolute;
bottom: 0px;
}
.preson_card{
width : 100%;
height : 100%;
margin : 0px;
padding : 0px;
}
.card_top{
width : 100%;
height: 80%;
margin: 0px;
padding: 0px;
background-color: red;
}
.card_bottom{
width : 100%-4px;
height: 20%;
margin-left : 2px;
margin-right : 2px;
margin-top : 0px;
margin-bottom : 0px;
padding :0px;
border-radius:8px;
border:3px solid #c4c4c4;
background-color: white;
}
.card_top img{
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
display:block;
overflow: hidden;
}

.card_bottom table{
margin: 0px;
padding: 0px;
width: 100%
height: 100%;
}
tr{
margin-bottom:10px;
}
th{
color: #000000;
font-size: 13px;
font-weight: bold;
text-align: right;
}
td{
color: #fe0107;
font-size: 14px;
font-weight: bold;
text-align: center;
}
</style>

</head>
<body>
<div class="preson_card">
<div class="card_top"><img src="${pageContext.request.contextPath}/resource/img/hyzx/topcard.jpg"></div>
<div class="card_bottom">
<div style="width: 70px;height: 70px;position:absolute;left: 60%;top: 85%">
<img src="${pageContext.request.contextPath}/resource/img/hyzx/seal.png" style="width: 100%;height: 100%;">
</div>
<table>
<tr>
<th>fff：<th>
<td>${wxUser.hphm }</td>
<th>车hhh：<th>
<td id="carColor"></td>
</tr>

<tr>
<th>rrr：<th>
<td>${wxUser.hpzl }</td>
<th>qqq：<th>
<td id="myService">无</td>
</tr>
<tr>
<th>rrtt：<th>
<td id="myDate"></td>
</tr>
</table>

</div>

</div>
</body>
<script type="text/javascript">
var time = ${wxUser.enddt };
time = time+"";
time = time.substring(0,4)+'-'+time.substring(4,6)+'-'+time.substring(6,8);
document.getElementById('myDate').innerHTML=time;
var color ='无';
switch(${wxUser.hpys }){
case 0:
color='蓝色';
break;
case 1:
color='黄色';
break;
case 2:
color='黑色';
break;
case 3:
color='白色';
break;
}
document.getElementById('carColor').innerHTML=color;
var service ="无"
switch(${wxUser.ywlx }){
case 1:
service='fssf';
break;
case 2:
service='fff';
break;
}
document.getElementById('myService').innerHTML=service;
</script>
</html>

0 0