<!DOCTYPE html >
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>预约</title>
<link rel="stylesheet" href="../addons/dlxappoint/template/mobile/css/style.css" type="text/css">
<style>
*{
padding:0;
margin:0;
}
body{
padding: 0;
margin: 0;
background-color: #edeff0;font-family:"微软雅黑";
}
.contain{
width: 100%;
background-color:#fff;
float: left;
}
.btn{
width: 90%;
margin-left: 5%;
margin-top: 10%;
margin-bottom: 10%;
background-color: #2a76ef;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
font-size: 18px;
color: #fff;
float: left;
border-radius:5px;
}
.listinfo1{
width: 100%;
height: 10vw;
margin: 0 auto;
border-bottom: 0px solid #b8baba;
margin-bottom: 2vw;
border: 0px solid;
background: #358DF1;
}
div{border:0px solid;}
table{border:0px solid;width:98%;}
.leftTd{text-align:left;padding:2vw;}
.rightTd{text-align:right;padding:2vw;}
table tr{height:60px;}
</style>
</head>
<body>
<div class="contain">
<div class="listinfo1">
<div style="color:#fff;padding-left:1vw;line-height: 10vw;">请填写以下信息：</div>
</div>
<div style="margin-bottom: 1vw;width:96%;margin:0 auto;font-size:4vw;color:#828282;">
*为了您能够顺利领取垃圾袋，请填写真实信息。
</div>
<table border="0" width="100%" height="400px" style="vertical-align:bottom;">
<tr style="height: 30px;">
<td style="vertical-align: bottom;font-size:14px;color:#828282;">预约类型：</td>
</tr>
<tr>
<td>
<div style="width: 100%;border:1px solid #ddd;padding-left:1vw;line-height: 10vw;height:10vw;margin:0 auto;font-size:4vw;color:#828282;">
<div style="width:80%;float:left;" >请选择预约类型</div>
<div style="width:19%;float:right;vertical-align:middle;1vw;border-left:1px solid #ddd;text-align:center;"><img src="../addons/dlxappoint/template/mobile/image/Arrow_down.png"/></div>
</div>
</td>
</tr>
<tr>
<td><input type="text" value="" name="" placeholder="用户名" style="width:100%;height: 9vw;"/></td>
</tr>
<tr>
<td><input type="text" value="" name="" placeholder="联系电话" style="width:100%;height: 9vw;"/></td>
</tr>
<tr style="height: 20px;">
<td style="color:#828282;vertical-align: bottom;font-size:14px;">居住地址：</td>
</tr>
<tr>
<td>
<div style="width: 100%;border:1px solid #ddd;padding-left:1vw;line-height: 10vw;height:10vw;margin:0 auto;font-size:4vw;color:#828282;">
<div style="width:80%;float:left;" >请选择区域</div>
<div style="width:19%;float:right;vertical-align:middle;1vw;border-left:1px solid #ddd;text-align:center;"><img src="../addons/dlxappoint/template/mobile/image/Arrow_down.png"/></div>
</div>
</td>
</tr>
<tr>
<td>
<div style="width: 100%;border:1px solid #ddd;padding-left:1vw;line-height: 10vw;height:10vw;margin:0 auto;font-size:4vw;color:#828282;">
<div style="width:80%;float:left;" >请选择小区</div>
<div style="width:19%;float:right;vertical-align:middle;1vw;border-left:1px solid #ddd;text-align:center;"><img src="../addons/dlxappoint/template/mobile/image/Arrow_down.png"/></div>
</div>
</td>
</tr>
<tr>
<td>
<div style="margin:0 auto;width: 100%;">
<textarea style="margin-top: 3vw;width:100%;height:20vw;resize:none;" placeholder='请输入详细楼层信息!'></textarea>
</div>
</td>
</tr>
<tr style="height: 20px;">
<td style="color:#828282;vertical-align:bottom;font-size:14px;">预约时间：</td>
</tr>
<tr>
<td>
<input type="text" value="" name="" placeholder="2016-11-15" style="width:100%;height: 9vw;"/>
</td>
</tr>
</table>
<div style="width:95%;margin:0 auto;">
<div style="margin-top: 1vw;"><img style="width:30vw;" src="../addons/dlxuser/template/mobile/img/tianjiazhaopian.png" /></div>
</div>
</div>
<a href="http://{$_SERVER['SERVER_NAME']}/delixin/app/index.php?i=10&c=entry&do=mydata&m=dlxuser&action=update" > <div class="btn"> 确定 </div> </a>
</body>
</html>
最佳答案
