applet/sph_applet/pages/index/index.wxml

<wxs module="filter" src="../../assets/js/common.wxs"></wxs>
<view class="headerMain" style="{{'height:'+statusNavBarHeight+'px;'}} {{showFix?'background:#2662FF':'background:transparent'}}">
  <view class="header" bindtap="switchPlatform" style="{{'top:'+buttonTop+'px;line-height:'+buttonHeight+'px'}}">
    <image mode="widthFix" src="../../assets/new_home/sph.png"></image>
  视频号版
  <image class="platform_icon" src="/assets/img/jt_x_white.png" mode="widthFix"></image>
  </view>
  <view class="logo" style="{{'top:'+buttonTop+'px;line-height:'+buttonHeight+'px'}}">问星数据-视频号</view>
</view>
<view class="headerBox">
  <swiper class="swiperBox" indicator-dots="{{bannerList.length>1}}"
    indicator-active-color="#fff"
    indicator-color="rgba(255,255,255,.2)"
    circular="true"
    style="{{'height:'+(isIPhoneX?'574rpx':'534rpx')}}"
    autoplay="{{true}}" interval="3000">
    <swiper-item style="height:auto;" wx:for="{{bannerList}}" wx:key="id">
      <image src="{{item.small_url}}" wx:if="{{!isIPhoneX}}" mode="widthFix" data-info="{{item}}" bindtap="toOther"></image>
      <image wx:else src="{{item.big_url}}"  mode="widthFix" data-info="{{item}}" bindtap="toOther"></image>
    </swiper-item>
  </swiper>
  <view class="searchView" bindtap="goSearch" style="top:{{buttonTop+buttonHeight}}px">
    <view class="searchBox">
      <image src="../../assets/img/search.png"/>
      <input placeholder="搜索视频号、趋势、标签、视频动态" disabled placeholder-class="input"  type='text' confirm-type="search"/>
    </view>
  </view>
</view>
<view class="tipBox" wx:if="{{!isverfiled&&showFlag}}" catchtouchmove="true" data-type="1" bindtap="onClose">
  <view class="tip" style="{{'top:'+statusNavBarHeight+'px'}}">
    <image class="close" data-type="1" catchtap="onClose" src="../../assets/img/new_close.png"></image>
    <view class="main">
      点击
      <image class="more" mode="widthFix" src="../../assets/img/more.png" alt=""/>
      <text>添加到我的小程序</text>
    </view>
    <image class="tipImg" mode="widthFix" src="../../assets/img/tip_img.png"></image>
  </view>
</view>
<!-- 弹层 -->
<view class="maskBox" data-type="2" bindtap="onClose" wx:if="{{!isverfiled&&!showFlag&&showMask}}">
  <view class="maskMain">
    <image class="img" mode="widthFix" src="{{maskList[0].small_url}}" data-info="{{maskList[0]}}" catchtap="toOther"></image>
    <image class="close" data-type="2" catchtap="onClose" src="../../assets/new_home/home_close.png"></image>
  </view>
</view>
<view class="index" onPageScroll="onPageScroll">
  <view class="panel" style="padding-bottom:{{isIpx?'230rpx':'180rpx;'}}">
    <view class="modular">
      <view class="modular_item" bindtap="goExtension">
        <image src="/assets/img/new.png" mode="widthFix" class="new_icon"></image>
        <image src="../../assets/img/tuiguang.png" mode="widthFix"></image>
        <text>视频号冷启动</text>
      </view>
      <view class="modular_item" bindtap="goPageSwitch" data-page="/pages/live/hotLive/index">
        <image src="../../assets/new_home/newlive.png" mode="widthFix"></image>
        <text>正在直播</text>
      </view>
      <view class="modular_item" bindtap="gpLivePage">
        <image src="../../assets/new_home/live.png" mode="widthFix"></image>
        <text>直播监控</text>
      </view>
      <view class="modular_item" bindtap="goPage" data-page="/pages/newNotice/allNotice/allNotice" data-type="2">
        <image src="../../assets/new_home/fans.png" mode="widthFix"></image>
        <text>消息订阅</text>
      </view>
      <view class="modular_item" bindtap="goPageSwitch" data-page="/pages/cyRank/index" data-type="4">
        <image src="../../assets/new_home/qu.png" mode="widthFix"></image>
        <text>趋势查询</text>
      </view>
      <!-- <view class="modular_item" bindtap="goLink" data-page="/pages/cyRank/index" data-type="4">
        <image src="../../assets/new_home/qu.png" mode="widthFix"></image>
        <text>挂链分析</text>
      </view> -->
    </view>
    <view wx:if="{{(loadScene==1047||loadScene==1124)&&wx_subscribe!=1}}" style="width:100%;padding: 0 20rpx;margin:20rpx 0;overflow:hidden;position:relative;">
      <official-account style="width:100%!important;border-color:transparent!important;"></official-account>  
    </view>
    <view class="myList" bindtap="checkType">
        <image src="../../assets/new_home/sph.png"></image>
        我的视频号
        <view class="text" wx:if="{{!userList||userList.length==0}}">随时随地查看我的视频号</view>
        <view class="text" style="font-size:20rpx;color:#999" wx:else>更新时间{{userList[swiperIndex].refresh_at}}
          <text catchtap="againActivationEvent" data-user_id="{{userList[swiperIndex].user_id}}" wx:if="{{userList[swiperIndex].no_user}}">更新数据</text>
        </view>
        <image mode="widthFix" src="../../assets/img/jt_right.png"></image>
      </view>
      <view class="myItem" wx:if="{{userList.length>0}}">
        <swiper class="myItemBox" indicator-dots="true"
            indicator-active-color="#2562FF"
            indicator-color="#D8D8D8"
            circular="true"
            autoplay="{{autoplay}}" current="{{swiperIndex}}"
            bindchange="changeIndex">
            <block wx:for="{{userList}}" wx:key="*this">
              <swiper-item class="swiper-item userBox" style="height:auto;" data-data="{{item}}" bindtap="toClaimDetail">
                <image src="{{item.head_url}}" class="userImg" mode="widthFix"></image>
                <view class="infoBox">{{item.nickname?item.nickname:'-'}}</view>
                  <view class="userData">
                    <view class="userDataItem">
                      <text class="data">{{item.post[30].total.like?filter.NumberHandle(item.post[30].total.like):'-'}}</text>
                      <view>点赞量</view>
                    </view>
                    <view class="userDataItem">
                      <text class="data">{{item.post[30].total.comment?filter.NumberHandle(item.post[30].total.comment):'-'}}</text>
                      <view>评论量</view>
                    </view>
                    <view class="userDataItem">
                      <text class="data">{{item.post[30].total.forward?filter.NumberHandle(item.post[30].total.forward):'-'}}</text>
                      <view>转发量</view>
                    </view>
                  </view>


                  <!-- <image src="{{item.userInfo.head_url}}" class="userImg" mode="widthFix"></image>
                  <view class="infoBox">{{item.userInfo.nickname?item.userInfo.nickname:'-'}}</view>
                    <view class="userData">
                      <view class="userDataItem">
                        <text class="data">{{filter.NumberHandle(item.indicator.post[30].total.like)}}</text>
                        <view>点赞量</view>
                      </view>
                      <view class="userDataItem">
                        <text class="data">{{filter.NumberHandle(item.indicator.post[30].total.comment)}}</text>
                        <view>评论量</view>
                      </view>
                      <view class="userDataItem">
                        <text class="data">{{filter.NumberHandle(item.indicator.post[30].total.forward)}}</text>
                        <view>转发量</view>
                      </view>
                    </view> -->
                <!-- </view> -->
              </swiper-item>
            </block>
          </swiper>
        </view>
        <view bindtap="getToken" style="padding-bottom:60rpx;margin-bottom:22rpx" wx:else class="myItem">
          <image class="shouquan" style="width:100%" mode="widthFix" src="../../assets/new_home/shouquan.png"></image>
        </view>
    <!-- 我的收藏 -->
    <view class="follw_view">
      <view class="title" style="border:none;">
        <view class="left">
          <image src="../../assets/new_home/collect.png" mode="widthFix"></image>
          <text>我的收藏</text>
          <text style="font-size:26rpx;color:#89899C;margin-left:10rpx;font-weight:normal">昨日数据</text>
        </view>
        <navigator  class="right" url="/pages/followAccount/followAccount" hover-class="btn-hover">
          <text>查看全部</text>
          <image src="../../assets/img/jt_right.png" mode="widthFix" class="jt"></image>
        </navigator>
      </view>

      <scroll-view scroll-x="{{userMicroFollowList.length==0?false:true}}" class="swiper">
        <block wx:if="{{userMicroFollowList.length==0}}">
          <view class="swiper-item-div" bindtap="goSphRank">
            <view class="swiper-item" style="background: url('https://kx-bigdata.oss-cn-beijing.aliyuncs.com/wxVideo/sc_bg.png') #FFF3F4 no-repeat;background-size:100% 100% ;">
              <view class="add">+</view>
              <view class="hint">去添加一个<text>自己喜欢</text>的人吧~</view>
            </view>
          </view>
          <view class="swiper-item-div">
            <view class="swiper-item"></view>
          </view>
        </block>
        <block wx:for="{{userMicroFollowList}}" wx:key="index">
          <view class="swiper-item-div" bindtap="goUserDetail" data-user_id="{{item.id}}">
            <view class="swiper-item userBox">
              <image src="{{item.head_url}}" class="userImg" mode="widthFix"></image>
              <view class="info">
                <view class="userTitleBox">
                  <view class="userTitle">{{item.nickname?item.nickname:'-'}}</view>
                  <view class="auth_div">
                      <image src="{{item.auth_icon_url}}" class="icon" mode="widthFix"></image>
                      <text>{{item.auth_profession}}</text>
                  </view>
                </view>
                <view class="userData">
                  <view class="userDataItem">
                    <text class="data">{{filter.NumberHandle(item.fans_count)}}</text>
                    <view>预估粉丝数</view>
                  </view>
                  <view class="userDataItem">
                    <text class="data">{{item.fans_incr?filter.NumberHandle(item.fans_incr):'--'}}</text>
                    <view>预估粉丝增量</view>
                  </view>
                  <view class="userDataItem">
                    <text class="data">{{filter.NumberHandle(item.like_sum)}}</text>
                    <view>点赞量</view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </block>
      </scroll-view>
    </view>


    <view class="hotModule hotVideo">
      <view class="title">
        <view class="left">
          <image src="../../assets/new_home/video.png" mode="widthFix"></image>
          <text>热门视频</text>
        </view>
        <view class="right" bindtap="goPageSwitch" data-page="/pages/cyRank/index" data-type="1">
          <text>查看全部</text>
          <image src="../../assets/img/jt_right.png" mode="widthFix" class="jt"></image>
        </view>
      </view>
      <scroll-view scroll-x="{{true}}" class="hotVideoInfo">
        <view class="item" wx:for="{{hotVideoList}}" wx:key="index" data-item="{{item}}" bindtap="goVideoDetail">
          <image src="{{item.cover_url?item.cover_url:item.head_url}}" mode="aspectFill" class="videoImg"></image>
          <text class="videoDesc">{{item.description?item.description:'-'}}</text>
        </view>
      </scroll-view>
    </view>
    <view class="hotModule">
      <view class="title">
        <view class="left">
          <image src="../../assets/new_home/title_topic.png" mode="widthFix"></image>
          <text>标签话题</text>
        </view>
        <view class="right" bindtap="goPageSwitch" data-page="/pages/cyRank/index" data-type="3">
          <text>查看全部</text>
          <image src="../../assets/img/jt_right.png" mode="widthFix" class="jt"></image>
        </view>
      </view>
      <view class="hotTopic">
        <view class="topicInfo" wx:for="{{videoTopicsList}}" wx:key="index" data-item="{{item}}" bindtap="toTopic">
          <view class="topicName">
            <image src="../../assets/img/topic.png" mode="widthFix"></image>
            <text>{{item.topic_name?item.topic_name:'-'}}</text>
          </view>
          <view class="topicData">
            平均点赞:<text>{{filter.NumberHandle(item.like_count_avg)}}</text>
          </view>
          <view class="topicData">
            参与视频号:<text>{{filter.NumberHandle(item.red_count)}}</text>
          </view>
        </view>
      </view>
    </view>
    <view class="bottom">问星数据·视频号数据平台</view>
  </view>
</view>
<claim wx:if="{{authorizeFlag}}" user_id="{{user_id}}" bind:closeClaimMask='closeClaimMask' bind:claimResetList='uploadClaim'></claim>

<!-- 获取客服消息的弹框 -->
<view class="showModal" wx-if="{{warrantFlag}}" bindtap="closeToast">
  <view class="showModalCon" catchtap>
    <view class="showtitle">二维码获取</view>
    <view class="con">进入客服消息，回复关键词「二维码」，获取视频号二维码。</view>
    <button class="button" hover-class="btn-hover" open-type="contact" session-from="figureChallenge" bindtap="closeToast">
      去获取
    </button>
  </view>
</view>
<tabbar selected="0"></tabbar>