<!DOCTYPE html>
<html>
	<?php echo $this->fetch('head.html'); ?>
	<style>
		 
	</style>
	<body>
		<div class="header">
			<div class="header-back"></div>
			<div class="header-title"><?php if ($this->_var['cat']): ?><?php echo $this->_var['cat']['title']; ?><?php else: ?>全部<?php endif; ?></div>
		</div>
		<div class="header-row"></div>
		<div class="main-body" id="App">
			<div class="tabs-border mgb-5">
				<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 class="flexlist">
				 
				<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">
							<template  v-if="item.ispay">
								<span class="mgr-5">售价：</span>
								<span class="cl-money">￥{{item.money}}</span>
							</template> 
							 
							 
							<div v-else class="cl3">免费</div>
							 
						</div>
				
					</div>
				
				</a>
			 
			</div>
		</div>
		<?php $this->assign('ftnav','category'); ?>
		<?php echo $this->fetch('ftnav.html'); ?>
		<?php echo $this->fetch('footer.html'); ?>
		 
		<script>
			var catid=<?php echo $this->_var['catid']; ?>;
		</script>
		<script src="<?php echo $this->_var['skins']; ?>book/list.js"></script>
	</body>
</html>