<!--packageH/circleCommunity/circleIndex/circleIndex.wxml-->

<view class="searchBox">
	<view class="search" bindtap="gotoSearch">
		<icon class="iconfont icon-all_search_2"></icon>
		<input type="text" model:value="{{searchText}}" disabled placeholder="搜索圈子名称" />
	</view>
</view>

<view class="banner" wx:if="{{banner.length>0}}">
	<swiper class="banner_swiper" autoplay interval="3000" circular="{{true}}">
		<swiper-item catchtap='tapUrl' wx:for="{{banner}}" wx:key="index" data-url="{{item.app_url}}">
			<image src="{{item.img}}" mode="aspectFill"></image>
		</swiper-item>
	</swiper>
</view>

<view class="nav" wx:if="{{buttons.length>0}}">
	<view class="navlis" catchtap='tapUrl' wx:for="{{buttons}}" wx:key="index" data-url="{{item.app_url}}">
		<view class="navimg">
			<image src="{{item.img}}"></image>
		</view>
		<view class="navTxt">{{item.name}}</view>
	</view>
</view>

<view class="line"></view>

<view class="tabsList">
	<van-tabs value="{{activeName}}" wx:if="{{tabsShow}}" title-active-color="#3175fe" color="#3175fe" bind:change="changeCategory" ellipsis="{{true}}">
		<van-tab title="推荐" wx:key="0">
		</van-tab>
		<van-tab title="{{item.name}}" wx:for="{{category}}" wx:key="id"></van-tab>
	</van-tabs>

	<view class="tablis">
		<view class="lis" wx:for="{{listData}}" wx:if="{{listData.length>0 && networkLoading}}" wx:key="index" bindtap="gotoCircleDetails" data-id="{{item.id}}">
			<view class="left">
				<view class="circleImg">
					<image src="{{item.circle_img}}"></image>
				</view>
				<view class="circle">
					<view class="title">{{item.name}}</view>
					<view class="detail">
						<view class="tiezi">
							<icon class="iconfont icon-fontclass-tiezi"></icon>
							<text>帖子：{{item.invitation}}</text>
						</view>
						<view class="member">
							<icon class="iconfont icon-fontclass-renshu"></icon>
							<text>成员：{{item.member}}</text>
						</view>
					</view>
				</view>
			</view>
			<view class="right" wx:if="{{item.is_exist==0}}">
				加入
			</view>
			<view class="right_one" wx:if="{{item.is_exist==1}}">已加入</view>
		</view>
		<view wx:if="{{listData.length==0 && networkLoading}}" class="blank">
			<image src='https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png' mode='widthFix' />
		</view>
	</view>
</view>


<circle-footer activeId="{{1}}"></circle-footer>