display="refreshCircle ? 'show' : 'hide'">
<view class="refresh-view">
<text v-if="!refreshCircle" class="refresh-tip">{{ refreshText }}</text>
<loading-indicator class="loading-icon" animating="true" v-if="refreshCircle"></loading-indicator>
<text class="loading-text">{{refreshCircle ? '数据更新中':''}}</text>
</view>
</refresh>
<header ref="head" style="">
<view class="bg-white px-30">
<g-banner :swiperItems="swiperItems" :height="360"></g-banner>
</view>
<view class="bg-white searchfriend_box">
<view style="width:320rpx;display: inline-block;">
<gui-segmented-control :items="cates" :current="currentOne" borderRadius="50rpx"
@change="change">
</gui-segmented-control>
</view>
</view>
</header>
<header style="position: sticky;top: 0px;">
<view class="bg-white px-30 friend-type" v-if="friendStatus=='list' && currentOne==1">
<gui-switch-navigation :items="tabstype" textAlign="center" :size="150" width='660'
currentIndex="currentIndex" @change="navchange" activeLineHeight="0" :margin='0' color="#666">
</gui-switch-navigation><view class="type-all" @click="friendtypePopup()">
<image src="/static/imgs/friend/friend_all.png" mode="" class="type-all-img"></image>
</view>
</view>
</header>
<header ref="head" v-if="friendStatus=='member' && currentOne==0" style="padding-bottom: 20px;">
<view>
<view class="" style="">
<view class="" style="width: 750rpx;border-bottom: 1px #dfdfdf solid;padding-top: 20rpx;">
<text class="text-black u-font-32 u-font-bold u-text-center">
还没有关注的人呢
</text>
<text class="u-text-center text-999 my-30">
关注后,可以在这里查看对方的最新朋友圈动态
</text>
</view>
<view v-if="friendsCircleList=='' && recommendedList=='' && friendStatus=='member'">
<data-none tip="暂无推荐关注"></data-none>
</view>
</view>
</view>
<view class="bb-1 border_none" v-for="item in recommendedList" :key="item.id">
<view class="floow_box px-30">
<view class="">
<view class="">
<image :src="formatSrc(item.avatar)" mode="" class="follow_head_img"></image>
</view>
<view class="follow_user">
<text class="u-font-bold fontsize"> {{item.name}} </text>
<text class="fontsize"> 粉丝:{{item.follows_count}} </text>
</view>
</view>
<view @click="followBtn(!item.is_follow,item)" class="button_flow">
<text class='button-text'>{{item.followContent}}</text>
</view>
</view>
</view>
</header>
<header>
<view v-if="friendsCircleList=='' && recommendedList=='' && friendStatus=='list'">
<data-none tip="暂无圈子内容"></data-none>
</view>
</header>
<cell v-for="item in friendsCircleList" :key="item.id">
<view class="wf-item-page">
<view class="img-box">
<image :src="item.images || '/static/imgs/icons/upload.png'" :mode="item.modeimg"
class="item-img" :id="item.id" @click="detail(item)" />
</view>
<image src="/static/imgs/friend/index_video.png" mode="" class="video_icon"
v-if="item.type=='video'" @click="detail(item)"></image>
<view class="item-info" @click="detail(item)">
<text class="info-nickname text-overflow text-line-2">{{ item.content }}</text>
</view>
<view class="item-infos">
<view class="" style="display: flex; flex-direction: row; align-items: center;">
<image :src="item.user_head" mode="aspectFill" class="info-avatar" @click="detail(item)" />
<text class="user_name text-line-1 text-overflow"
@click="detail(item)">{{ item.user_name }}</text>
</view>
<view class="" style="display: flex; flex-direction: row; align-items: center;">
<image @click="thumbs(item)" src="/static/imgs/friend/agree.png" mode="widthFix"
class="agree-avatar" v-if="item.is_thumbs==0" />
<image @click="thumbs(item)" src="/static/imgs/friend/agree2.png" mode="aspectFill"
class="agree-avatar" v-if="item.is_thumbs==1" />
<text class="agree-num" @click="thumbs(item)">{{ item.thumbs_num }}</text>
</view>
</view>
</view>
</cell>
</waterfall>