bulomakaka
/
ekexiu.app


			
				
					
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
							<!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>
		<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="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>
    		<div class="mui-input-group  marginbox">
		        <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" style=>
						<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>
				
				<!--<table class="consultinfo">
					<tr>
						<td><span>咨询主题</span></td>
						<td><input type="text"/></td>
					</tr>
					<tr>
						<td><span>咨询内容</span></td>
						<td><textarea></textarea></td>
					</tr>
					<tr>
						<td colspan="2" class="sendbox">
							<button class="mui-btn mui-btn-block mui-btn-outlined frmbtn sendbtn">发送</button>
						</td>
					</tr>
				</table>-->
		    </div>
		    <div class="mui-input-group">
				<button class="mui-btn mui-btn-block frmbtn" style="border: none; border-radius: 0; line-height: 28px;">发送</button>
		   </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>