bulomakaka
/
ekexiu.app


			
				
					
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
							<!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" />
	</head>
	
	<body style="background: #FFFFFF;">
		<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="mui-input-group marginbox">
				<div class="personinfo2">
					<div class="headbox2" >
					    <a class="proinfor" href="proinforbrow.html">
		                    <img class="mui-pull-left headimg2" src="../images/default-photo.jpg">
		                    <div class="mui-pull-left infobasic">
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon" style="font-size: 16px;"></em></span>	
		                        <p class="listtit2"><span>职称</span>，<span>职务</span></p>
		                    	<p class="listtit3"><span>所在部门</span>，<span>所属机构</span> | <span>所在地</span></p>
		                    </div>
		                </a>
			        </div>
		       </div>
		        <div class="mui-clearfix peolevelbox">
		        	<div class="mui-pull-left peocountbox">
		        		<div class="peocount mui-clearfix">
		        			<em class="mui-icon iconfont icon-community 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 iconfont icon-favorfill"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
		        		<span class="mui-icon iconfont icon-favorfill"></span>
		        		<span class="mui-icon iconfont icon-favorfill"></span>
		        		<span class="mui-icon iconfont icon-favor"></span>
		        		<span class="mui-icon iconfont icon-favor"></span>
		        	</div>
		        </div>
		    </div>
    		
			<div class="mui-input-group marginbox consultbox">
				<div class="consultaim">
					<div>请选择您的咨询类型</div>
					<ul class="aimclass">
						<li class="liactive"><em></em>技术咨询</li>
						<li><em></em>资源咨询</li>
						<li><em></em>其他事务</li>
					</ul>
				</div>
				<div class="divline"></div>
				<div class="consultinfo">
					<div class="maincon">
						<ul class="basicinfo" style="padding:0;">
							<li><label>咨询主题<em class="requiredcon"></em></label></li>
							<li class="basicfrm"><input type="text" name="comname" class="mui-input-clear frmtype"></li>
							<li><label>咨询内容<em class="requiredcon"></em></label></li>
							<li class="basicfrm">
								<div class="textareabox" contenteditable="true"></div> 
							</li>
						</ul>
			       </div>
				</div>
				<div class="mui-input-group">
					<button class="mui-btn mui-btn-block frmbtn" style="width: 90%;">发送</button>
			   </div>
		    </div>
		    
		</div>
		<script src=" ../js/public/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
			//鼠标点击联系目的li时添加liactive类
			mui(".aimclass").on('tap','li',function(e){
				var aimlist = document.querySelector('.aimclass').querySelectorAll("li");
				for(var i = 0 ; i < aimlist.length;i++){
					aimlist[i].classList.remove('liactive');
				}
				this.classList.add('liactive');
				
			})
			
			
		</script>
	</body>
</html>