<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8" />
	<title>聊天信息</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
	<meta http-equiv="Access-Control-Allow-Origin" content="*">
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/animate.css" />
	<link rel="stylesheet" href="css/swiper-3.4.1.min.css" />
	<link rel="stylesheet" href="css/layout.css" />
	
	<script src="js/jquery-1.9.1.min.js"></script>
	<script src="js/zepto.min.js"></script>
	<script src="js/fontSize.js"></script>
	<script src="js/swiper-3.4.1.min.js"></script>
	<script src="js/wcPop/wcPop.js"></script>
	
</head>
<body>
	
	<!-- <>微聊主容器 -->
	<div class="wechat__panel clearfix">
		<div class="wc__home-wrapper flexbox flex__direction-column">
			<!-- //顶部 -->
			<div class="wc__headerBar fixed">
				<div class="inner flexbox">
					<a class="back" href="javascript:;" onclick="history.back(-1);"></a>
					<h2 class="barTit flex1">聊天信息(124)</h2>
				</div>
			</div>

			<!-- //群信息页 -->
			<div class="wc__ucinfoPanel">
				<div class="wc__ucinfo-qunMember">
					<ul class="clearfix">
						<li><a href="好友主页(详细资料).html"><img class="uimg" src="img/uimg/u__chat-img01.jpg" /><span class="name">Aster</span></a></li>
						<li><a href="好友主页(详细资料).html"><img class="uimg" src="img/uimg/u__chat-img02.jpg" /><span class="name">马蓉 ▪ ☀☼㈱</span></a></li>
						<li><a href="好友主页(详细资料).html"><img class="uimg" src="img/uimg/u__chat-img03.jpg" /><span class="name">科比</span></a></li>
						<li><a href="好友主页(详细资料).html"><img class="uimg" src="img/uimg/u__chat-img10.jpg" /><span class="name">Bear</span></a></li>
						<li><a href="好友主页(详细资料).html"><img class="uimg" src="img/uimg/u__chat-img15.jpg" /><span class="name">CC_李嘉诚</span></a></li>
						<li><a href="好友主页(详细资料).html"><img class="uimg" src="img/uimg/u__chat-img04.jpg" /><span class="name">张小龙</span></a></li>
						<li><a href="好友主页(详细资料).html"><img class="uimg" src="img/uimg/u__chat-img06.jpg" /><span class="name">李彦宏-Robin</span></a></li>
						<li><a href="好友主页(详细资料).html"><img class="uimg" src="img/uimg/u__chat-img07.jpg" /><span class="name">刘强东</span></a></li>
						<li><a href="好友主页(详细资料).html"><img class="uimg" src="img/uimg/u__chat-img08.jpg" /><span class="name">Lm杨幂幂</span></a></li>
						<li><a href="好友主页(详细资料).html"><img class="uimg" src="img/uimg/u__chat-img11.jpg" /><span class="name">Wqq_王巧巧</span></a></li>
						<li><a href="好友主页(详细资料).html"><img class="uimg" src="img/uimg/u__chat-img13.jpg" /><span class="name">wuli凡凡</span></a></li>
						<li><a href="好友主页(详细资料).html"><img class="uimg" src="img/uimg/u__chat-img14.jpg" /><span class="name">Nice奶思</span></a></li>
					</ul>
				</div>
				<div class="wc__ucinfo-personal">
					<ul class="clearfix">
						<li>
							<div class="item flexbox flex-alignc wc__material-cell">
								<label class="lbl flex1">群聊名称</label>
								<input class="val" type="text" value="FIFA世界杯交流群" readonly="true" />
							</div>
							<div class="item flexbox flex-alignc wc__material-cell">
								<label class="lbl flex1">我在本群的昵称</label>
								<input class="val" type="text" value="Wqq_王巧巧" />
							</div>
						</li>
						<li>
							<div class="item flexbox flex-alignc">
								<label class="lbl flex1">置顶聊天</label>
								<div class="cnt"><input class="cp__checkbox-switch" type="checkbox" /></div>
							</div>
							<div class="item flexbox flex-alignc">
								<label class="lbl flex1">显示群成员昵称</label>
								<div class="cnt"><input class="cp__checkbox-switch" type="checkbox" checked /></div>
							</div>
						</li>
						<li>
							<div class="item flexbox flex-alignc wc__material-cell">
								<label class="lbl flex1">设置当前聊天背景</label>
							</div>
						</li>
						<li>
							<div class="item flexbox flex-alignc wc__material-cell">
								<label class="lbl flex1">清空聊天记录</label>
							</div>
						</li>
					</ul>
				</div>
				<div class="wc__btns-panel mt-30">
					<a class="wc__btn-primary" href="javascript:;" style="background: #e64240;" id="J__leaveOutQun">删除并退出</a>
				</div>
			</div>

		</div>
	</div>


	<script type="text/javascript">
		/** __公共函数 */
		$(function(){
			// ...
		});
		
		/** __自定函数 */
		$(function(){
			// 退出群
			$("#J__leaveOutQun").on("click", function(){
				var logout = wcPop({
					skin: 'android',
					content: '删除并退出后，将不再接收此群聊信息',

					btns: [
						{
							text: '取消',
							onTap() {
								wcPop.close();
							}
						},
						{
							text: '确定',
							style: 'color:#e64240',
							onTap() {
								window.location.href = "index.html";
								wcPop.close();
							}
						}
					]
				});
			});
		});
	</script>
	
</body>
</html>
