<!DOCTYPE html>
<html>
	<?php echo $this->fetch('head.html'); ?>
	<style>
		.flexlist:after {
			direction: block;
			visibility: hidden;
			content: ".";
			height: 0px;
			clear: both;
		}
		
		.flexlist-item {
			width: 32%;
			float: left;
			margin-right: 1%;
			box-sizing: border-box;
		}
	</style>
	<body>
		<?php echo $this->fetch('header.html'); ?>
		<div class="main-body">
			<div class="flex">
				<div class="flex-1" id="App">
					<div class="tabs-border mgb-10">
						<div @click="setCat(0)" :class="catid==0?'tabs-border-active':''" class="tabs-border-item">全部</div> 
						<div
							:class="catid==item.catid?'tabs-border-active':''" 
							@click="setCat(item.catid)"
							v-for="(item,index) in catList" :key="index" 
							class="tabs-border-item">
							{{item.title}}
						</div>
						 
					</div>
					<div>
						 
						<a v-for="(item,index) in list" :key="index" :href="'/module.php?m=book&a=show&bookid='+item.bookid" class="flexlist-item">
						
							<img class="flexlist-img" :src="item.imgurl+'.100x100.jpg'">
							<div class="flex-1">
								<div class="flexlist-title">{{item.title}}</div>
								<div class="flex">
									 
									<div v-if="item.ispay" class="cl2">
										<span>售价：</span>
										<span class="cl-money">￥{{item.money}}</span>
										</div>
									 
									<div v-else class="cl3">免费</div>
									 
								</div>
						
							</div>
						
						</a>
					 
					</div>
				</div>
				<div class="page-side">
					<div class="row-box">
						<h3 class="fly-panel-title">热门课程</h3>
						<div class="">
							<?php $_from = $this->_var['reclist']; if (!is_array($_from) && !is_object($_from)) { $_from=array();}; $this->push_vars('', 'c');if (count($_from)):
    foreach ($_from AS $this->_var['c']):
?>
							<a class="row-item-text" href="/module.php?m=book&a=show&bookid=<?php echo $this->_var['c']['bookid']; ?>">
								<?php echo $this->_var['c']['title']; ?>
							</a>
							<?php endforeach; endif; unset($_from); ?><?php $this->pop_vars();; ?>
						</div>
					</div>
				
				</div>
			</div>
		</div>
		<?php echo $this->fetch('footer.html'); ?>
		<?php echo $this->fetch('foot-all.html'); ?>
		<script>
			var catid=<?php echo $this->_var['catid']; ?>;
		</script>
		<script src="<?php echo $this->_var['skins']; ?>book/list.js"></script>
	</body>
</html>