<!--pages/log/log.wxml-->
<custom-navi text="圈子" back="{{false}}" home="{{false}}"></custom-navi>
<view class='quanzi'>
  <view style='padding:15px 0;background:#fff'>
    <view class='topQuanzi'>
      <image src='../../img/search.png'></image>
      <input class="input" name="keyword" placeholder="请输入圈子名称" bindinput ="keywordInput"/>
      <view bindtap='searchCircle'>搜索</view>
    </view>
  </view>
  <view class='newQuanzi'>
    <view class='myQuanzi'>
      <view style='color:#000'><text></text>我的圈子<view class='xinjian' bindtap='creatCircle'><image src='../../img/jia.png'></image>新建圈子</view></view>
      <view class='myQuanzilist'>
        <view class='listNull' wx:if="{{userCircleList==''}}">
          <image src='../../img/null.png'></image>
          <view>还没有加入或创建任何圈子</view>
        </view>
        <view wx:for="{{userCircleList}}" wx:key="{{index}}">
          <view>
            <image src='{{item.front_image}}'></image>
            <text>{{item.circle_title}}</text>
          </view>
          <text bindtap="circleDetails" style='display:block;width:50px;height:20px;text-align:center;line-height:20px;border-radius:15px;font-size:12px;background:#0D76ED;color:#fff' data-index="{{item.circle_id}}">进入</text>
        </view>
      </view>
    </view>
  </view>
  <view class='conQuanzi'>
    <view class='top_conQuanzi'>
      <image src='../../img/sanjiao.png'></image>附近志愿者圈子
    </view>
    <view class='quanziSearch'>
      <view class='con_quanziSearch' bindtap='searchCircleNearby'>搜索</view>
    </view>
    <view class='con_conQuanzi'>
      <view class='listNull' wx:if="{{circleList==''}}">
          <image src='../../img/null.png'></image>
          <view style='width:180px'>附近还没有圈子，快新建一个吧！</view>
        </view>
      <view class='quanziList' wx:for="{{circleList}}" wx:key="{{index}}">
        <view>
          <image src='{{item.front_image}}'></image>{{item.circle_title}}
        <text>({{item.member_count}}人)</text>
        </view>
        <van-button type="default" size='mini' bind:click="joinCircle" data-index="{{item.id}}">进圈</van-button>
      </view>
    </view>
  </view>
  <van-toast id="van-toast" />
</view>
<!-- <van-tabbar active="{{ active }}" bind:change="onChange">
  <van-tabbar-item>首页</van-tabbar-item>
  <van-tabbar-item><view class='circle'>圈子</view></van-tabbar-item>
  <van-tabbar-item>我的</van-tabbar-item>
</van-tabbar> -->
