|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>搜索列表</title>
<link href="../css/mui.min.css" rel="stylesheet" />
<link href="../css/app.css" rel="stylesheet" />
<link href="../css/iconfont.css" rel="stylesheet" />
<style type="text/css">
html,body{margin:0;padding:0px;}
.mui-content{height:100%;overflow: auto;}
</style>
</head>
<body>
<!-- 主页面标题 -->
<header class="mui-bar mui-bar-nav toptitbox">
<a class="mui-action-back mui-icon mui-icon-left-nav topback leftnav"></a>
<div class="searchboxNew searchboxNewT" id="searB">
<form onsubmit="return false;">
<input type="search" class="mui-input-clear searchtxtNew" placeholder="请输入专家姓名、机构、研究方向" id="searchval" />
</form>
<!--默认：搜索专家、资源、文章
找专家：请输入专家姓名、机构、研究方向
找资源：请输入资源名称、用途、机构
找文章：请输入文章标题、作者-->
</div>
<div class="rightnav filtered" id="sele"><!--选择筛选条件之后添加 filtered-->
<a class="mui-icon iconfont icon-filter"><span class="mui-badge">3</span></a><br />筛选
</div>
</header>
<div class="mui-content">
<div class="fixboxNew">
<ul class="fixbtnNew">
<li class="mui-col-xs-4 liactive">找专家</li>
<li class="mui-col-xs-4">找资源</li>
<li class="mui-col-xs-4">找文章</li>
</ul>
</div>
<div class="mui-scroll-wrapper" id="pullrefresh">
<div class="mui-scroll">
<div class="mui-card-content conblock">
<div class="maincontent searchTab " >
<!--无搜索结果-->
<div class="nodatabox displayNone" id="noSearch">
<div class="nodata">
<div class="picbox picNull"></div>
<div class="txtbox">
<p class="noContip">暂时没有符合该搜索条件的内容</p>
</div>
</div>
</div>
<!--找人-->
<ul class="mui-table-view" id="list">
<!--<li class="mui-table-view-cell">
<div class="flexCenter mui-clearfix">
<div class="madiaHead useHead"></div>
<div class="madiaInfo">
<p><span class="h1Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
<p class="mui-ellipsis h2Font">职称/职位，所在机构</p>
<p class="mui-ellipsis h2Font">研究方向：研究方向研究方向研究方向研究方向研究方向研究方向</p>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="flexCenter mui-clearfix">
<div class="madiaHead useHead"></div>
<div class="madiaInfo">
<p><span class="h1Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
<p class="mui-ellipsis h2Font">职称/职位，所在机构</p>
<p class="mui-ellipsis h2Font">研究方向：研究方向研究方向研究方向研究方向研究方向研究方向</p>
</div>
</div>
</li>-->
</ul>
<!--找资源-->
<ul class="mui-table-view" id="reList">
<!--<li class="mui-table-view-cell">
<div class="flexCenter OflexCenter mui-clearfix">
<div class="madiaHead resouseHead"></div>
<div class="madiaInfo OmadiaInfo">
<p class="mui-ellipsis h1Font">资源名称资源名称资源名称资源名称</p>
<p class="mui-ellipsis h2Font">用途：资源用途资源用途资源用途资源用途资源用途</p>
<p><span class="h2Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="flexCenter OflexCenter mui-clearfix">
<div class="madiaHead resouseHead"></div>
<div class="madiaInfo OmadiaInfo">
<p class="mui-ellipsis h1Font">资源名称资源名称资源名称资源名称</p>
<p class="mui-ellipsis h2Font">用途：资源用途资源用途资源用途资源用途资源用途</p>
<p><span class="h2Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
</div>
</div>
</li>-->
</ul>
<!--找文章-->
<!--<ul class="mui-table-view">
<li class="mui-table-view-cell">
<div class="flexCenter OflexCenter mui-clearfix">
<div class="madiaHead artHead"></div>
<div class="madiaInfo OmadiaInfo">
<p class="mui-ellipsis-2 h1Font">文章名称章名称文章名称</p>
<p><span class="h2Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="flexCenter OflexCenter mui-clearfix">
<div class="madiaHead artHead"></div>
<div class="madiaInfo OmadiaInfo">
<p class="mui-ellipsis-2 h1Font">文章名称文章名称文章名称文章名称文章名称文章名称文章名称文章名称</p>
<p><span class="h2Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
</div>
</div>
</li>
</ul>-->
</div>
</div>
</div>
</div>
</div>
<script src="../js/public/mui.min.js"></script>
<script src="../js/public/base.js"></script>
<script src="../js/searchListNew.js"></script>
<script type="text/javascript">
//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
iosheader();
var anos=ifiosAmdandroid();
if(anos==0) {
document.getElementById("pullrefresh").style.paddingTop="40px";
}else{
document.getElementById("pullrefresh").style.paddingTop="84px";
document.getElementsByTagName("body")[0].style.height="100%";
document.getElementsByTagName("body")[0].style.overflow="hidden"
document.getElementsByTagName("html")[0].style.height="100%";
document.getElementsByTagName("html")[0].style.overflow="hidden%";
}
</script>
</body>
</html>
|
