|
<!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 {
height: 100%;
margin: 0;
padding: 0px;
overflow: hidden;
}
.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" id="searB">
<form onsubmit="return false;">
<input type="search" class="mui-input-clear searchtxtNew" placeholder="请输入关键词" id="searchval" />
</form>
</div>
<div class="rightnav filtered displayNone" id="sele">
<!--选择筛选条件之后添加 filtered-->
<a class="mui-icon iconfont icon-filter"><span class="mui-badge" id="seler" style="display:none;"></span></a><br />筛选
</div>
</header>
<div class="mui-content maincontent searchTab">
<div id="slider" class="mui-slider mui-fullscreen">
<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<div class="mui-scroll">
<a class="mui-control-item mui-active" href="#item1mobile">找专家</a>
<a class="mui-control-item" href="#item2mobile">找企业</a>
<a class="mui-control-item" href="#item3mobile">找资源</a>
<a class="mui-control-item" href="#item4mobile">找专利</a>
<a class="mui-control-item" href="#item5mobile">找论文</a>
<a class="mui-control-item tab-article" href="#item6mobile">找文章</a>
</div>
</div>
<div class="mui-slider-group">
<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
<div id="scroll1" class="mui-scroll-wrapper">
<div class="mui-scroll" id="dd">
<ul class="mui-table-view" id="list">
</ul>
<!--无搜索结果-->
<div class="nodatabox displayNone" id="noSearch">
<div class="nodata">
<div class="picbox picNull"></div>
<div class="txtbox">
<p class="noContip">暂时没有符合该搜索条件的内容</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="item2mobile" class="mui-slider-item mui-control-content">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul class="mui-table-view" id="companyList">
<li class="mui-table-view-cell flexCenter OflexCenter ">
<div class="mui-clearfix">
<div class="madiaHead companyHead">
<div class="boxBlock"><img class="boxBlockimg companyImg" src="../images/default-icon.jpg"></div>
</div>
<div class="madiaInfo OmadiaInfo">
<p class="mui-ellipsis h1Font">企业名称<em class="authicon authicon-com-ok" title="科袖认证企业"></em></p>
<p class="mui-ellipsis h2Font"><span id="">企业类型</span> <span id="">所属行业 | 所属行业</span></p>
</div>
</div>
</li>
<li class="mui-table-view-cell flexCenter OflexCenter">
<div class=" mui-clearfix">
<div class="madiaHead companyHead">
<div class="boxBlock"><img class="boxBlockimg companyImg" src="../images/default-icon.jpg"></div>
</div>
<div class="madiaInfo OmadiaInfo">
<p class="mui-ellipsis h1Font">企业名称<em class="authicon authicon-com-ok" title="科袖认证企业"></em></p>
<p class="mui-ellipsis h2Font"><span id="">企业类型</span> <span id="">所属行业 | 所属行业</span></p>
</div>
</div>
</li>
<li class="mui-table-view-cell flexCenter OflexCenter ">
<div class="mui-clearfix">
<div class="madiaHead companyHead">
<div class="boxBlock"><img class="boxBlockimg companyImg" src="../images/default-icon.jpg"></div>
</div>
<div class="madiaInfo OmadiaInfo">
<p class="mui-ellipsis h1Font">企业名称<em class="authicon authicon-com-ok" title="科袖认证企业"></em></p>
<p class="mui-ellipsis-2 h2Font"><span id="">企业类型</span> <span id="">所属行业 | 所属行业所属行业 | 所属行业所属行业 | 所属行业所属行业 | 所属行业</span></p>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="flexCenter OflexCenter mui-clearfix">
<div class="madiaHead companyHead">
<div class="boxBlock"><img class="boxBlockimg companyImg" src="../images/default-icon.jpg"></div>
</div>
<div class="madiaInfo OmadiaInfo">
<p class="mui-ellipsis h1Font">企业名称<em class="authicon authicon-com-ok" title="科袖认证企业"></em></p>
<p class="mui-ellipsis h2Font"><span id="">企业类型</span> <span id="">所属行业 | 所属行业</span></p>
</div>
</div>
</li><li class="mui-table-view-cell">
<div class="flexCenter OflexCenter mui-clearfix">
<div class="madiaHead companyHead">
<div class="boxBlock"><img class="boxBlockimg companyImg" src="../images/default-icon.jpg"></div>
</div>
<div class="madiaInfo OmadiaInfo">
<p class="mui-ellipsis h1Font">企业名称<em class="authicon authicon-com-ok" title="科袖认证企业"></em></p>
<p class="mui-ellipsis h2Font"><span id="">企业类型</span> <span id="">所属行业 | 所属行业</span></p>
</div>
</div>
</li><li class="mui-table-view-cell">
<div class="flexCenter OflexCenter mui-clearfix">
<div class="madiaHead companyHead">
<div class="boxBlock"><img class="boxBlockimg companyImg" src="../images/default-icon.jpg"></div>
</div>
<div class="madiaInfo OmadiaInfo">
<p class="mui-ellipsis h1Font">企业名称<em class="authicon authicon-com-ok" title="科袖认证企业"></em></p>
<p class="mui-ellipsis h2Font"><span id="">企业类型</span> <span id="">所属行业 | 所属行业</span></p>
</div>
</div>
</li><li class="mui-table-view-cell">
<div class="flexCenter OflexCenter mui-clearfix">
<div class="madiaHead companyHead">
<div class="boxBlock"><img class="boxBlockimg companyImg" src="../images/default-icon.jpg"></div>
</div>
<div class="madiaInfo OmadiaInfo">
<p class="mui-ellipsis h1Font">企业名称<em class="authicon authicon-com-ok" title="科袖认证企业"></em></p>
<p class="mui-ellipsis h2Font"><span id="">企业类型</span> <span id="">所属行业 | 所属行业</span></p>
</div>
</div>
</li><li class="mui-table-view-cell">
<div class="flexCenter OflexCenter mui-clearfix">
<div class="madiaHead companyHead">
<div class="boxBlock"><img class="boxBlockimg companyImg" src="../images/default-icon.jpg"></div>
</div>
<div class="madiaInfo OmadiaInfo">
<p class="mui-ellipsis h1Font">企业名称<em class="authicon authicon-com-ok" title="科袖认证企业"></em></p>
<p class="mui-ellipsis h2Font"><span id="">企业类型</span> <span id="">所属行业 | 所属行业</span></p>
</div>
</div>
</li><li class="mui-table-view-cell">
<div class="flexCenter OflexCenter mui-clearfix">
<div class="madiaHead companyHead">
<div class="boxBlock"><img class="boxBlockimg companyImg" src="../images/default-icon.jpg"></div>
</div>
<div class="madiaInfo OmadiaInfo">
<p class="mui-ellipsis h1Font">企业名称<em class="authicon authicon-com-ok" title="科袖认证企业"></em></p>
<p class="mui-ellipsis h2Font"><span id="">企业类型</span> <span id="">所属行业 | 所属行业</span></p>
</div>
</div>
</li><li class="mui-table-view-cell">
<div class="flexCenter OflexCenter mui-clearfix">
<div class="madiaHead companyHead">
<div class="boxBlock"><img class="boxBlockimg companyImg" src="../images/default-icon.jpg"></div>
</div>
<div class="madiaInfo OmadiaInfo">
<p class="mui-ellipsis h1Font">企业名称<em class="authicon authicon-com-ok" title="科袖认证企业"></em></p>
<p class="mui-ellipsis h2Font"><span id="">企业类型</span> <span id="">所属行业 | 所属行业</span></p>
</div>
</div>
</li><li class="mui-table-view-cell">
<div class="flexCenter OflexCenter mui-clearfix">
<div class="madiaHead companyHead">
<div class="boxBlock"><img class="boxBlockimg companyImg" src="../images/default-icon.jpg"></div>
</div>
<div class="madiaInfo OmadiaInfo">
<p class="mui-ellipsis h1Font">企业名称<em class="authicon authicon-com-ok" title="科袖认证企业"></em></p>
<p class="mui-ellipsis h2Font"><span id="">企业类型</span> <span id="">所属行业 | 所属行业</span></p>
</div>
</div>
</li><li class="mui-table-view-cell">
<div class="flexCenter OflexCenter mui-clearfix">
<div class="madiaHead companyHead">
<div class="boxBlock"><img class="boxBlockimg companyImg" src="../images/default-icon.jpg"></div>
</div>
<div class="madiaInfo OmadiaInfo">
<p class="mui-ellipsis h1Font">企业名称<em class="authicon authicon-com-ok" title="科袖认证企业"></em></p>
<p class="mui-ellipsis h2Font"><span id="">企业类型</span> <span id="">所属行业 | 所属行业</span></p>
</div>
</div>
</li>
</ul>
<!--无搜索结果-->
<div class="nodatabox displayNone" id="coNoSearch">
<div class="nodata">
<div class="picbox picNull"></div>
<div class="txtbox">
<p class="noContip">暂时没有符合该搜索条件的内容</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="item3mobile" class="mui-slider-item mui-control-content">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul class="mui-table-view" id="resourceList">
</ul>
<!--无搜索结果-->
<div class="nodatabox displayNone" id="reNoSearch">
<div class="nodata">
<div class="picbox picNull"></div>
<div class="txtbox">
<p class="noContip">暂时没有符合该搜索条件的内容</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="item4mobile" class="mui-slider-item mui-control-content">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul class="mui-table-view" id="patentList" >
</ul>
<!--无搜索结果-->
<div class="nodatabox displayNone" id="ptNoSearch">
<div class="nodata">
<div class="picbox picNull"></div>
<div class="txtbox">
<p class="noContip">暂时没有符合该搜索条件的内容</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="item5mobile" class="mui-slider-item mui-control-content">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul class="mui-table-view" id="paperList">
</ul>
<!--无搜索结果-->
<div class="nodatabox displayNone" id="ppNoSearch">
<div class="nodata">
<div class="picbox picNull"></div>
<div class="txtbox">
<p class="noContip">暂时没有符合该搜索条件的内容</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="item6mobile" class="mui-slider-item mui-control-content cnt-article">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul class="mui-table-view" id="articleList">
<!--<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 class="nodatabox displayNone" id="arNoSearch">
<div class="nodata">
<div class="picbox picNull"></div>
<div class="txtbox">
<p class="noContip">暂时没有符合该搜索条件的内容</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../js/public/mui.min.js"></script>
<script src="../js/public/mui.pullToRefresh.js"></script>
<script src="../js/public/mui.pullToRefresh.material.js"></script>
<script>
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
var context = "";
if(r != null)
context = r[2];
reg = null;
r = null;
return context == null || context == "" || context == "undefined" ? "" : decodeURI(context);
}
var searchModule = GetQueryString("content");
document.querySelector(".mui-scroll .mui-active").classList.remove("mui-active");
document.querySelector("div.mui-slider-group > div.mui-active").classList.remove("mui-active");
if(searchModule == "1") {
document.querySelectorAll(".mui-control-item")[0].classList.add("mui-active");
document.querySelectorAll(".mui-slider-item")[0].classList.add("mui-active");
} else if(searchModule == "2") {
document.querySelectorAll(".mui-control-item")[1].classList.add("mui-active");
document.querySelectorAll(".mui-slider-item")[1].classList.add("mui-active");
} else if(searchModule == "3") {
document.querySelectorAll(".mui-control-item")[2].classList.add("mui-active");
document.querySelectorAll(".mui-slider-item")[2].classList.add("mui-active");
} else if(searchModule == "4") {
document.querySelectorAll(".mui-control-item")[3].classList.add("mui-active");
document.querySelectorAll(".mui-slider-item")[3].classList.add("mui-active");
} else if(searchModule == "5") {
document.querySelectorAll(".mui-control-item")[4].classList.add("mui-active");
document.querySelectorAll(".mui-slider-item")[4].classList.add("mui-active");
} else if(searchModule == "6") {
document.querySelectorAll(".mui-control-item")[5].classList.add("mui-active");
document.querySelectorAll(".mui-slider-item")[5].classList.add("mui-active");
}
</script>
<script src="../js/public/base.js"></script>
<script src="../js/searchListNew2.js"></script>
<script type="text/javascript">
//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
iosheader();
var anos = ifiosAmdandroid();
</script>
</body>
</html>
|
