<!DOCTYPE html>
<html>
	{include file="head.html"}
	<link href="/plugin/swiper/css/swiper.min.css" rel="stylesheet" />

	<body>
		<div class="header bdb-1">
			<div gourl="/index.php?m=sites" class="header-title flex-center iconfont icon-location  flex">
				{if $sites}
				{$sites.sitename}
				{else}
				先选择学校
				{/if}
			</div>
		</div>
		<div class="header-row"></div>
		<div class="main-body">
			<div class="swiper-container" style="width:100%" id="indexFlash">
				<div class="swiper-wrapper">
					{foreach item=c from=$flashList}
					<div class="swiper-slide">
						<img class="wmax" src="{$c.imgurl}" />
					</div>
					{/foreach}
				</div>

				<div class="swiper-pagination flex flex-jc-center"></div>

			</div>
			<div class="m-navPic" style="margin-bottom: 2px;">
				{foreach item=c from=$navList}
				<a href="{$c.link1}" class="m-navPic-item">
					<img class="m-navPic-img" src="{$c.imgurl}" />
					<div class="m-navPic-title">{$c.title}</div>
				</a>
				{/foreach}
			</div>
		</div>
		<div id="tabAA"></div>
		<div class="main-body none" :class="'flex-col'" id="app">

			<div id="tabBox" class="tabs-border mgb-5">
				<div @click="setType('')" :class="{'tabs-border-active':type==''}" class="tabs-border-item">关注</div>
				<div @click="setType('recommend')" :class="{'tabs-border-active':type=='recommend'}" class="tabs-border-item">推荐</div>
				<div @click="setType('new')" :class="{'tabs-border-active':type=='new'}" class="tabs-border-item">最新</div>
				<div @click="setType('topic')" :class="{'tabs-border-active':type=='topic'}" class="tabs-border-item">话题</div>

			</div>

			<div v-if="page=='blog'" style="display: none;" :class="'flex-col'" class="sglist">

				<div v-for="(item,index) in pageData.list" :key="index" @click="goBlog(item.id)" class="sglist-item">

					<div class="sglist-title block" v-html="item.parsecontent"></div>
					<div class="sglist-imglist">

						<img v-for="(img,imgIndex) in item.imgslist" :key="imgIndex" :src="img+'.100x100.jpg'" class="sglist-imglist-img" />

					</div>
					<div class="sglist-ft">
						<div class="sglist-ft-love">{{item.love_num}}</div>
						<div class="sglist-ft-cm">{{item.comment_num}}</div>
						<div class="sglist-ft-view">{{item.view_num}}</div>
					</div>
				</div>
				<div @click="getList" v-if="per_page>0" class="loadMore">点我加载更多...</div>
			</div>
			<div v-if="page=='topic'" class="blogList">
				<div @click="goTopic(item.title)" class="blogList-item" v-for="(item,index) in pageData.topicList" :key="index">{{item.title}}</div>

			</div>
		</div>
		<a href="/module.php?m=sblog_blog&a=add" class="fixedAdd">发布</a>
		<div class="flex-center pd-10">
			<a class="f12 cl3" href="http://www.beian.miit.gov.cn">{$site.icp}</a>
		</div>
		{assign var="ftnav" value="index"}
		{include file="ftnav.html"}
		{include file="footer.html"}

		<script src="{$skins}index.js"></script>
		<script src="/plugin/swiper/js/swiper.min.js"></script>
		<script>
			$(function() {
				var flash = new Swiper("#indexFlash", {
					pagination: {
						el: '.swiper-pagination',
					}
				});
			})
		</script>
	</body>
</html>