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

<view class="member" style="background-image:url({{circleInfo.bg_img}});">
    <view class="memberUser">
        <view class="face">
			<image src="{{circleInfo.circle_img}}"></image>
		</view>
		<view class="userInfo">
			<text class="c1">{{circleInfo.name}}</text>
			<text class="c2">作品{{circleInfo.invitation_count}}  成员{{circleInfo.member}}</text>
			<text class="c3">简介:{{circleInfo.synopsis}}</text>
		</view>
		<view bindtap="gotoCircleIntroduce" class="btn">查看</view>
		<icon bindtap="gotoCircleSetting" wx:if="{{circleInfo.is_master==1}}" class="iconfont iconSet icon-fontclass-shezhi2"></icon>
    </view>
 </view>

 <view class="wrapper">

	<view class="acticle" wx:if="{{topData.length!=0}}">
		<view class="acticleItem" wx:for="{{topData}}" data-item="{{item}}" bindtap="gotoTopicDetails" >
			<view class="label">置顶</view>
			<view class="title">{{item.title}}</view>
		</view>
	</view>

	<view class="tabs">
		<view bindtap="setTabsIndex" data-index="0" class="tabItem {{tabsIndex==0 ? 'active' : ''}}">关注</view>
		<view bindtap="setTabsIndex" data-index="1" style="margin-left:1.59rem;" class="tabItem {{tabsIndex==1 ? 'active' : ''}}">帖子</view>
		<view bindtap="setTabsIndex" data-index="2" style="margin-left:1.59rem;" class="tabItem {{tabsIndex==2 ? 'active' : ''}}">视频</view>
	</view>

	<view class="cards" wx:if="{{listData.length>0 && networkLoading}}">
		<view class="card" wx:for="{{listData}}" data-item="{{item}}" bindtap="gotoTopicDetails"> 
			<view class="userInfo">
				<view class="face" catchtap="gotoCircleMyRelease" data-item="{{item}}">
					<image src="{{item.avatar}}" ></image>
				</view>
				<view class="right">
					<view class="name">{{item.nickname}}</view>
					<view class="time">{{item.created_at}}</view>
				</view>
				<view class="opet">
					<view class="btn" data-id="{{item.member_id}}" data-index="{{index}}" catchtap="followMember" wx:if="{{item.is_current_member!=1 && item.is_attention==1}}">已关注</view>
					<view class="btn" data-id="{{item.member_id}}" data-index="{{index}}" catchtap="followMember" wx:if="{{item.is_current_member!=1 && item.is_attention==0}}">关注</view>
					<icon catchtap="managementBtn" data-index="{{index}}" data-item="{{item}}" wx:if="{{circleInfo.is_master==1}}" class="iconfont icon-fontclass-tiezishezhi"></icon>
				</view>
			</view>
			<view class="title">{{item.title}}</view>
			<view class="desc" wx:if="{{item.status==1}}">{{item.content}}</view>
			<view class="contentImg" wx:if="{{item.status==1 && item.img}}">
				<picture list="{{item.img}}"></picture>				
			</view>
			<view class="contentImg" wx:if="{{item.status==2 && item.img}}">
				<image style="max-width:100%;height:auto;" mode="widthFix" src="{{item.img}}"></image>
			</view>
			<view class="otherInfo">
				<view class="otherItem">
					<icon style="font-size:20px;height:35rpx;margin-right:6rpx;" class="iconfont icon-fontclass-yulan"></icon>
					<text>{{item.browse_count}}</text>
				</view>
				<view class="otherItem">
					<icon style="height:37rpx;margin-right:6rpx;" class="iconfont icon-fontclass-dianzan"></icon>
					<text>{{item.link_count}}</text>
				</view>
				<view class="otherItem">
					<icon style="height:37rpx;margin-right:10rpx;" class="iconfont icon-fontclass-pinglun1"></icon>
					<text>{{item.comment_count}}</text>
				</view>
			</view>
		</view>
	</view>

	<view class="noCircle" wx:if="{{listData.length!=0 && circleInfo.is_master!=1 && circleInfo.is_exist==0}}">加入圈子查看更多帖子~</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 class="sendBtns" wx:if="{{circleInfo.is_master!=1}}">
	 <view class="sendBtn" wx:if="{{circleInfo.is_exist==0}}" bindtap="addCircle">
		<text>加入圈子</text>	
		<text style="font-size: 13px;" wx:if="{{circleInfo.is_toll==1}}">(申请费用{{circleInfo.price}})</text>
	</view>
	<view class="sendBtn disabled" wx:elif="{{circleInfo.is_exist==1 && circleInfo.member_review==0}}">
		<text>等待圈主审核</text>	
	</view>
	
 </view>

<view class="postBtn" wx:if="{{circleInfo.is_master==1 || (circleInfo.is_posting==1 && circleInfo.is_exist==1 && circleInfo.member_review==1)}}" bindtap="gotoCircleSelect">
	<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/circleDetailPost@3x.png"></image>
</view>




<van-popup show="{{adminOperationshow}}" position="bottom" overlay="{{true}}" bind:close="adminOperationshowClose">
	<view class="adminOperation">
		<view class="recommend" catchtap="adminBtn" wx:for="{{adminOperationInfo}}" data-item="{{item}}">
			<view class="recommend_left">
				<image src="{{item.img}}" mode='widthFix' />
			</view>
			<view class="recommend_right">
				<text>{{item.name}}</text>
			</view>
		</view>
		<view class="cancel" catchtap="adminOperationshowClose">取消</view>
	</view>
</van-popup>








