|
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../css/mui.min.css" rel="stylesheet" />
<link href="../css/app.css" rel="stylesheet" />
</head>
<body>
<header class="mui-bar mui-bar-nav toptitbox">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
<h1 class="mui-title toptit">专家姓名</h1>
<a class="mui-icon mui-icon-more mui-pull-right topmore"></a>
</header>
<!--主页面底部菜单-->
<nav class="mui-bar mui-bar-tab mui-clearfix footbox">
<div class="dialogbtn mui-pull-left btnactive">
<div>
<em class="mui-pull-left"></em>
<span class="mui-pull-left">联系专家</span>
</div>
</div>
<div class="attentbtn mui-pull-left">
<em></em>
</div>
</nav>
<!-- 主页面内容容器 -->
<div class="mui-content">
<!-- 主界面具体展示内容 -->
<div class="mui-input-group mainbox">
<div class="maincon personinfo">
<div class="headbox">
<a href="javascript:;">
<img class="headimg" src="../images/default-photo.jpg" />
<div class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></div>
<p class="listtit3"><span>职称</span>，<span>职务</span></p>
<p class="listtit3"><span>所在部门</span>，<span>所属机构</span> | <span>所在地</span></p>
</a>
</div>
</div>
<div class="mui-clearfix peolevelbox">
<div class="mui-pull-left peocountbox">
<div class="peocount mui-clearfix">
<em class="actionicon dialogicon mui-pull-left "></em>
<span class="mui-pull-left">已完成咨询<em>11</em>人次</span>
</div>
</div>
<div class="mui-pull-right levelbox">
<span class="mui-icon mui-icon-star"></span>
<span class="mui-icon mui-icon-star"></span>
<span class="mui-icon mui-icon-star"></span>
<span class="mui-icon mui-icon-star"></span>
<span class="mui-icon mui-icon-star"></span>
</div>
</div>
</div>
<div class="mui-input-group mainbox">
<div class="maincon">
<div class="infocontit">个人简介</div>
<div class="infocon">
<span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</span>
</div>
</div>
</div>
<div class="mui-input-group mainbox">
<div class="maincon">
<div class="infocontit">学术领域</div>
<div class="infocon">
<ul class="infosubject">
<li>领域1</li>
<li>领域领域领域2</li>
<li>领域领域领域领域3</li>
<li>领域4</li>
<li>领域领1</li>
<li>领域1</li>
<li>领域1</li>
</ul>
</div>
</div>
</div>
<div class="mui-input-group mainbox">
<div class="maincon">
<div class="infocontit">研究方向</div>
<div class="infocon">
<div class="listbox">
<div class="listbrowse mui-ellipsis">
<span class="like">0</span>方向一方向一方向一方向一方向一方向一
</div>
<span class="plusbtn" data-isagree="-1"></span>
<div class="likenum">
<span class="likepeople"><img class="like-h" src="../images/default-photo.jpg"></span>
<span class="likepeople"><img class="like-h" src="../images/default-photo.jpg"></span>
<span class="likepeople"><img class="like-h" src="../images/default-photo.jpg"></span>
<span class="mui-icon mui-icon-more likepeople likemore"></span>
</div>
</div>
<div class="listbox">
<div class="listbrowse mui-ellipsis">
<span class="like">68</span>方向二
</div>
<span class="plusbtn" data-isagree="-1"></span>
<div class="likenum">
<span class="likepeople"><img class="like-h" src="../images/default-photo.jpg"></span>
<span class="likepeople"><img class="like-h" src="../images/default-photo.jpg"></span>
</div>
</div>
</div>
</div>
</div>
<div class="mui-input-group mainbox">
<div class="maincon">
<div class="infocontit">应用行业</div>
<div class="infocon">
<ul class="infoapply">
<li class="mui-ellipsis">应用行业1</li>
<li class="mui-ellipsis">领域领域领域域领域领域域领域领域域领域领域2</li>
<li class="mui-ellipsis">领域领域3</li>
<li class="mui-ellipsis">领域4</li>
<li class="mui-ellipsis">领域领1</li>
<li class="mui-ellipsis">领域1</li>
<li class="mui-ellipsis">领域1</li>
</ul>
</div>
</div>
</div>
<div class="mui-input-group mainbox">
<div class="maincon">
<a href="proinforbrow-more.html">
<div class="gotonext">
<span class="mui-pull-left">查看专家详细信息</span>
<em class="mui-pull-left"></em>
</div>
</a>
</div>
</div>
</div>
<script src=" ../js/public/mui.min.js"></script>
<script type="text/javascript">
mui.init()
</script>
</body>
</html>
|
