个人详细信息页面

Style增加样式

.list_title{ width:100%; background:#fff; padding:10px 15px; height:102px; overflow:auto;}

.list_name{ font-size:14px; display:inline-block;}

.list_content{ font-size:12px; color:#615F5F;}

.list_btn{ font-size:14px;}

.list_all{ padding:0px; margin-bottom:15px;}

.list_all li{ background:#fff;}

.list_all .list_name{ display:inline-block; margin:8px;}

.list_title .list_name{ margin-bottom:10px;}

.list_btn{ margin-top:15px;}

Body：

<div class="list_title">

<table>

<tr>

<td class="td_class"><img src="<%=photoUrl%>"></td>

<td>

<div class="list_name"><%=name%></div>

<div class="list_content"><%=area%>-<%=dept%><%=job%></div></td>

</tr>

</table>

</div>

<ul data-role="listview" data-dividertheme="d" class="list_all">

<li style="padding:8px 0 8px 30px;"><span class="list_name">ＩＰ话机:</span><span class="list_content"><%=ipphone%></span></li>

<li style="padding:8px 0 8px 30px;"><span class="list_name">手机号码:</span><span class="list_content"><%=tel%></span></li>

<li style="padding:8px 0 8px 30px;"><span class="list_name">家庭号码:</span><span class="list_content"><%=homephone%></span></li>

<li style="padding:8px 0 8px 30px;"><span class="list_name">电子邮箱:</span><span class="list_content"><%=email%></span></li>

</ul>

<p align="center" >

<a href="#repeat" data-role="button" class="list_btn" style="background:#35AAE7; color:#FFF;">发消息</a>

</p>

 

      本文转自tianjian_0913 51CTO博客，原文链接：http://blog.51cto.com/tianjian/1665995，如需转载请自行联系原作者