|
<!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/iconfont.css" rel="stylesheet" />
<link href="../css/app.css" rel="stylesheet" />
<style type="text/css">
html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
.mui-content{height:100%;overflow: auto;}
.icon-renzheng{top: 14px;}
</style>
</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>
</header>
<div class="mui-content">
<div class="filterbox2 filterdiv">
<ul class="filterblock2">
<li style="width:22%;">
<a href="#middlePopover1" class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span id="headck1" headck='0'>需求目的</span><em class="mui-icon mui-icon-arrowdown"></em></a>
</li>
<li style="width:22%;">
<a href="#middlePopoveracad" class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span id="headck2" headck='0'>热门行业</span><em class="mui-icon mui-icon-arrowdown"></em></a>
</li>
<li style="width:22%;">
<a href="#middlePopoveruse" class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span id="headck3" headck='0'>热门领域</span><em class="mui-icon mui-icon-arrowdown"></em></a>
</li>
<li style="width:34%;">
<a href="#middlePopover4" class="mui-btn mui-btn-block mui-btn-outlined filterlist2" ><span id="headck4" headck='1'>按最新发布时间排序</span><em class="mui-icon mui-icon-arrowdown"></em></a>
</li>
</ul>
</div>
<div class="contentInner">
<div id="zixunpullrefresh" class="mui-content mui-scroll-wrapper" style="top:80px">
<div class="mui-scroll">
<ul class="mui-table-view protable tableList">
<li class="mui-table-view-cell mui-media">
<div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">这里是需求主题</span>
<div class="coustatus mui-pull-right">
<span class="aimlabel">企业</span>
<span class="aimlabel">技术</span>
</div>
</div>
<a class="proinfor itemBtn">
<span class="mui-badge mui-badge-danger readstate">58</span><!-- displayNone-->
<img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg">
<div class="mui-media-body">
<span class="listtit">高兴
<em class="mui-icon iconfont icon-renzheng authicon-stu"></em>
<span class="thistime">今天 14:06</span>
</span>
<p class="listtit2">
<span>["title"]</span>
<span>，["office"]</span>
<span>，["orgName"]</span>
<span> | ["address"]</span>
</p>
<p class="listtit3 mui-ellipsis">
(这里显示的是需求内容)Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aenean euismod bibendum
</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">这里是需求主题</span>
<div class="coustatus mui-pull-right">
<span class="aimlabel">企业</span>
<span class="aimlabel">技术</span>
</div>
</div>
<a class="proinfor itemBtn">
<span class="mui-badge mui-badge-danger readstate">58</span><!-- displayNone-->
<img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg">
<div class="mui-media-body">
<span class="listtit">高兴
<em class="mui-icon iconfont icon-renzheng authicon-stu"></em>
<span class="thistime">今天 14:06</span>
</span>
<p class="listtit2">
<span>["title"]</span>
<span>，["office"]</span>
<span>，["orgName"]</span>
<span> | ["address"]</span>
</p>
<p class="listtit3 mui-ellipsis">
(这里显示的是需求内容)Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aenean euismod bibendum
</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--下拉菜单-->
<!--需求目的-->
<div id="middlePopover1" class="mui-popover popoverbox">
<div class="mui-popover-arrow"></div>
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul class="mui-table-view mui-table-view-radio">
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="0">不限</a></li>
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="1">技术咨询</a></li>
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="2">资源咨询</a></li>
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="3">其他事务</a></li>
</ul>
</div>
</div>
</div>
<!--应用行业-->
<div id="middlePopoveruse" class="mui-popover popoverbox2" >
<ul class="mui-table-view yyhy" id="yyhy">
</ul>
</div>
<!--学术领域-->
<div id="middlePopoveracad" class="mui-popover popoverbox2">
<ul class="mui-table-view xsly" id="xsly">
</ul>
</div>
<!--排序-->
<div id="middlePopover4" class="mui-popover popoverbox" style="height:80px;width:160px;">
<div class="mui-popover-arrow"></div>
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul class="mui-table-view mui-table-view-radio">
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck4="0">按最新发布时间排序</a></li>
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck4="1">按最早发布时间排序</a></li>
</ul>
</div>
</div>
</div>
<script src="../js/public/mui.min.js"></script>
<script src="../js/public/base.js"></script>
<script type="text/javascript">
//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
iosheader();
</script>
</body>
</html>
|
