zhoufan
/
SQSX12345_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
							<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>知识库</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/iconfont.css" />
		<link rel="stylesheet" href="../css/inits.css" />
		<style>
			.mui-bar-popover {
				width: 30%;
			}
			.mui-popover.mui-bar-popover .mui-table-view{
				width: 100%;
			}
			.san{
				    font-size: 14px;
    				margin-right: 5px
			}
			.nav_a{
				    border-right: 1px solid #ccc;
			}
			.time{
				text-align: right;
			}
			.mui-table-view .mui-media-object {
			    /* line-height: 71px; */
			      max-width: 80px;
    				height: 80px;
			}	
			input[type=search]{
				    border: 1px solid #ccc;
    border-radius: 18px;
    background-color: rgb(255, 255, 255);
			}		
			
		</style>
	</head>

	<body>
		<header id="header" class="mui-bar mui-bar-nav new_head">
			<h1 class="mui-title new_head_title">知识库</h1>
			<button class="new_head_left mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
				<span class="mui-icon mui-icon-left-nav"></span>微信
			</button>
			<button class="new_head_right mui-btn mui-btn-blue mui-btn-link mui-pull-right"><span class="mui-icon mui-icon-contact"></span></button>
		</header>
		<nav class="mui-bar mui-bar-tab ">
			<a class="mui-tab-item nav_a" ><span class="mui-icon iconfont icon-jianpan2" style="font-size: 30px;"></span></a>
			<a class="mui-tab-item nav_a" href="#Popover_0"><span class="san iconfont icon-sangeheng"></span>提交诉求</a>
			<a class="mui-tab-item nav_a" href="#Popover_1"><span class="san iconfont icon-sangeheng"></span>市民服务</a>
			<a class="mui-tab-item" href="#Popover_2"><span class="san iconfont icon-sangeheng"></span>@我</a>
		</nav>
		<div class="mui-content">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<div class="mui-input-row mui-search">
					<input type="search" class="mui-input-clear" placeholder="请输入关键词">
				</div>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../img/shuijiao.jpg">
						<div class="mui-media-body">
							<h4 class="mui-ellipsis">河南华谊科技有限公司哈哈哈哈</h4>
							<p class='mui-ellipsis-2'>能和心爱的人一起睡觉，是件幸福的事情；人一起睡觉，是件幸福的事情；人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
							<p class="time">2017-09-22</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../img/shuijiao.jpg">
						<div class="mui-media-body">
							<h4 class="mui-ellipsis">河南华谊科技有限公司哈哈哈哈</h4>
							<p class='mui-ellipsis-2'>能和心爱的人一起睡觉，是件幸福的事情；人一起睡觉，是件幸福的事情；人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
							<p class="time">2017-09-22</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../img/shuijiao.jpg">
						<div class="mui-media-body">
							<h4 class="mui-ellipsis">河南华谊科技有限公司哈哈哈哈</h4>
							<p class='mui-ellipsis-2'>能和心爱的人一起睡觉，是件幸福的事情；人一起睡觉，是件幸福的事情；人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
							<p class="time">2017-09-22</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../img/shuijiao.jpg">
						<div class="mui-media-body">
							<h4 class="mui-ellipsis">河南华谊科技有限公司哈哈哈哈</h4>
							<p class='mui-ellipsis-2'>能和心爱的人一起睡觉，是件幸福的事情；人一起睡觉，是件幸福的事情；人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
							<p class="time">2017-09-22</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../img/shuijiao.jpg">
						<div class="mui-media-body">
							<h4 class="mui-ellipsis">河南华谊科技有限公司哈哈哈哈</h4>
							<p class='mui-ellipsis-2'>能和心爱的人一起睡觉，是件幸福的事情；人一起睡觉，是件幸福的事情；人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
							<p class="time">2017-09-22</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../img/shuijiao.jpg">
						<div class="mui-media-body">
							<h4 class="mui-ellipsis">河南华谊科技有限公司哈哈哈哈</h4>
							<p class='mui-ellipsis-2'>能和心爱的人一起睡觉，是件幸福的事情；人一起睡觉，是件幸福的事情；人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
							<p class="time">2017-09-22</p>
						</div>
					</a>
				</li>
				</ul>
		</div>
		<div id="Popover_0" class="mui-popover mui-bar-popover">
			<div class="mui-popover-arrow"></div>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell"><a href="#">我要咨询</a>
				</li>
				<li class="mui-table-view-cell"><a href="#">我要投诉</a>
				</li>
				<li class="mui-table-view-cell"><a href="#">我要建议</a>
				</li>
				<li class="mui-table-view-cell"><a href="#">我要表扬</a>
				</li>
			</ul>
		</div>
		<div id="Popover_1" class="mui-popover mui-bar-popover">
			<div class="mui-popover-arrow"></div>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell"><a href="#">通知公告</a>
				</li>
				<li class="mui-table-view-cell"><a href="#">知识搜索</a>
				</li>
				<li class="mui-table-view-cell"><a href="#">常见问题</a>
				</li>
			</ul>
		</div>
		<div id="Popover_2" class="mui-popover mui-bar-popover">
			<div class="mui-popover-arrow"></div>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell"><a href="#">我的投诉</a>
				</li>
				<li class="mui-table-view-cell"><a href="#">进度查询</a>
				</li>
				<li class="mui-table-view-cell"><a href="#">个人中心</a>
				</li>
			</ul>
		</div>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>