informationCollection.html 4.1 KB
<!DOCTYPE html>
<html>

		<head>
		<meta charset="UTF-8">
		<title>我的收藏</title>
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<script type="text/javascript" src="../js/base.js"></script>
		<link rel="stylesheet" type="text/css" href="../assets/css/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../assets/css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_tu2va42yqo.css" />
		<script type="text/javascript" src="../assets/font/iconfont.js">
		</script>
		
		<link rel="stylesheet" href="../css/Peripheral-short-term.css" />
		<link rel="stylesheet" href="../css/informationCollection.css" />
		<style type="text/css">
			.swiper-container {
				height: 3.6rem;
			}
			
			.swiper-container-horizontal>.swiper-pagination-bullets,
			.swiper-pagination-custom,
			.swiper-pagination-fraction {
				left: 44%;
			}
		</style>
	</head>
 <body id="body">
 	<div class="con">
 		<div class="collect">
 		<a href="myselect.html">
 			<span >套餐收藏</span>
 		</a>
 			<span class="coll">资讯收藏</span>
 		
 		</div>
 	</div>
		<div class="center_mian">
			<div class="picture pics">
			<img src="../images/banner.png" alt="" />
		</div>
		<div class="qing">
			<div class="qing_out qing_out_box">	
					<span class="run">
					       轻装穿越千八11峰4日行轻装穿越千八11峰4日行轻装穿越千八11峰4日行轻装穿越千八11峰4日行轻装穿越千八11峰4日行轻装穿越千八11峰4日行
				   </span>
				<div class="year" id="year">
					<div class="act">
							<i class="iconfont icon-wuxing"></i></span><span class="txt"> 	
					  <span>取消收藏
					  </span>
					</div>
				</div>
		
			</div>

			<div class="red">
				阅读量100
			</div>
		</div>
		</div>
		<div class="center_mian">
			<div class="picture pics">
			<img src="../images/banner.png" alt="" />
		</div>
		<div class="qing">
			<div class="qing_out qing_out_box">	
					<span class="run">
					     轻装穿越千八11峰4日行
				   </span>
				<div class="year" id="year">
					<div class="act">
					
							<i class="iconfont icon-wuxing"></i></span><span class="txt"> 
								
					  <span>
								取消收藏
					  </span>
					</div>
				</div>
			</div>

			<div class="red">
				阅读量100
			</div>
		</div>
		</div>
		<div class="center_mian">
			<div class="picture pics">
			<img src="../images/banner.png" alt="" />
		</div>
		<div class="qing">
			<div class="qing_out qing_out_box">	
					<span class="run">
					     轻装穿越千八11峰4日行
				   </span>
				<div class="year" id="year">
					<div class="act">
					
							<i class="iconfont icon-wuxing"></i></span><span class="txt"> 
								
					  <span>
								取消收藏
					  </span>
					</div>
				</div>
		
			</div>

			<div class="red">
				阅读量100
			</div>
		</div>
		</div>

		<script type="text/javascript" src="../assets/js/jquery-2.1.0.js"></script>
		<script type="text/javascript" src="../assets/js/swiper-3.4.2.min.js"></script>
		<script type="text/javascript" src="../assets/js/weui.js"></script>
		<!--<script type="text/javascript" src="../index.js"></script>-->
		<script>
			
			var mySwiper = new Swiper('.swiper-container', {
				pagination: '.swiper-pagination',
				autoplay: 1500,//可选选项,自动滑动
				loop : true
			})
			var mySwiper = new Swiper('.swiper-container', {
				pagination: '.swiper-pagination',
				autoplay: 1500,//可选选项,自动滑动
				loop : true
			})
			$('.year').click(function(event) {
				event.stopPropagation();
				if($(this).find('.iconfont').attr('class')=='iconfont icon-wuxing'){
					$(this).find('.iconfont').attr("class", "iconfont icon-shoucang");
				}else{
					$(this).find('.iconfont').attr("class", "iconfont icon-wuxing");
				} 
			});
			$('.center_mian').click(function(){
				window.location.href='packageDetails.html'	
			})
			$('.act_show').click(function(event) {
				event.stopPropagation();
			});
			$('.acts').click(function(event) {event.stopPropagation();})
		</script>
	</body>
     
</html>