xiuli.gao
/
youhuiquan


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
							<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
	<title>我的好友</title>
	<link rel="stylesheet" type="text/css" href="../public/public_css.css"/>
	<link rel="stylesheet" type="text/css" href="css/friends.css"/>
	<script type="text/javascript">
			document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
		window.onresize = function(){
			document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
		}
	</script>
</head>
<body>
	<div class="container">
		<div class="header">我的好友</div>
         <!--导航-->
		<div id="tab_warp" class="wrap">  
		    <!-- 最外层导航 -->
		    <ul id="tab_one">  
		        <li class="active">全部好友</li>  
		        <li>全部好友</li>
		        <li>全部好友</li>  
		        <li>全部好友</li>  
		    </ul>
		    <div class="tab1_con" style="display:block;">
		            <!-- 默认选中哪个，就让哪个block -->
		        <div id="tab2" class="wrap">  
		            <!-- 第二层导航 -->
		            <ul id="tab_two">  
		                <li class="active">全部：6位</li> 
		                <!-- 默认选中哪个，就让哪个active -->
		                <li>超级会员：2位</li>
		                <li>会员：4位</li> 
		            </ul>  
		        	<div class="tab2_con" style="display:block;">
		        		<div class="item">
		        			<img src="" alt="头像" class="touxiang"  />
		        			<div class="right">
		        				<span class="name">我是你</span><i class="member">会员</i><br />
		        				<span class="tel">183****7777</span><span class="time">2018-04-30</span></p>
		        			</div>
		        			<div class="see">查看上一级</div>
		        		</div>
		        	</div>   
		        </div>  
	            <div class="tab2_con">2222222222</div>  
	            <div class="tab2_con">3333333333333</div>  
	        </div>  
		</div>  
		    <div class="tab1_con">
		    	<div id="tab2" class="wrap">  
		            <!-- 第二层导航 -->
		            <ul id="tab_two">  
		                <li class="active">全部：2位</li> 
		                <!-- 默认选中哪个，就让哪个active -->
		                <li>超级会员：2位</li>
		                <li>会员：0位</li> 
		            </ul>  
		        	<div class="tab2_con" style="display:block;">---111</div>   
		        </div>  
	            <div class="tab2_con">2---2222</div>  
	            <div class="tab2_con">33----333333333</div>  
		    </div>  
		    <div class="tab1_con"><div class="tit">第一层</div>333333333333333333333333内容内容</div>  
		    <div class="tab1_con"><div class="tit">第一层</div>333333333333333333333333内容内容</div>  
		</div>  
		
	</div>

</body>
</html>
<script type="text/javascript" src="../public/jquery-2.1.0.js"></script>
<script type="text/javascript" src="js/friends.js"></script>