applet/sph_applet/pages/cyRank/index.wxml

<wxs module="filter" src="../../assets/js/common.wxs"></wxs>
<view class="headerBox" bindtap="closeToast" style="{{'padding-top:'+buttonTop+'px;'}}">
  <view class="header" style="{{'height:'+(statusNavBarHeight - safeAreaTop)+'px'}}">
    <image src="../../assets/img/search.png" catchtap="goSearch" mode="widthFix" class="search"></image>
    <view class="pageName">创意榜单</view>
  </view>
  <view class="tabBox" style="padding-top:30rpx">
    <view class="tab {{rankType==1?'tabActive':''}}" catchtap="rankTypeClick" data-type="1">热门视频</view>
    <view class="tab {{rankType==2?'tabActive':''}}" catchtap="rankTypeClick" data-type="2">暴涨视频</view>
    <view class="tab {{rankType==3?'tabActive':''}}" catchtap="rankTypeClick" data-type="3">标签话题</view>
    <view class="tab {{rankType==4?'tabActive':''}}" catchtap="rankTypeClick" data-type="4">趋势查询</view>
  </view>
  <view class="choiceMain">
    <view class="choiceBox" style="padding-top:34rpx" wx:if="{{rankType==1}}">
      <view>
        <view class="{{choiceType == 1 ? 'choiceActive' : ''}} choice" catchtap="timeChoiceClick" data-type="1">
          {{timeHotVideo.value}}
          <view class="sj">
            <image mode="widthFix" src="../../assets/img/sort.png"></image>
          </view>
        </view>
        <view class="{{choiceType == 2 ? 'choiceActive' : ''}} choice" catchtap="timeChoiceClick" data-type="2">
          {{authorType.top_label}}
          <view class="sj">
            <image mode="widthFix" src="../../assets/img/sort.png"></image>
          </view>
        </view>
        <!-- 订阅 -->
        <showTime showBtn="true" field_type="12"></showTime>
      </view>
      <view class="timeChoice" wx:if="{{timeFlag}}" bindtap="closeToast">
        <view class="block">
          <view class="timeChoiceBox">
            <view wx:for="{{timeList}}" wx:key="index" class="{{timeHotVideo.label == item.label? 'choiceActive' : ''}}" catchtap="cycle_1_click" data-info="{{item}}">{{item.value}}</view>
          </view>
        </view>
      </view>
      <view class="timeChoice" wx:if="{{authorTypeFlag}}" bindtap="closeToast">
        <view class="block">
          <view class="timeChoiceBox">
            <view wx:for="{{authorTypeList}}" class="{{authorType.id==item.id ? 'choiceActive' : ''}}" wx:key="index" catchtap="authorTypeClick" data-info="{{item}}">{{item.top_label}}</view>
          </view>
        </view>
      </view>
    </view>
    <view class="choiceBox" style="padding-top:34rpx" wx:if="{{rankType==2}}">
      <view style="overflow:hidden;display:flex;align-item:center;padding-right:20rpx;">
        <view class="choiceActive choice" catchtap="type_2_timeChoiceClick" style="font-size:22rpx">
          {{type_2_time}} {{type_2_timeRange.name}}
          <view class="sj">
            <image mode="widthFix" src="../../assets/img/sort.png"></image>
          </view>
        </view>
        <view class="searchView" style="flex:1;z-index:0">
          <input placeholder="输入关键词" bindinput="type_2_bindKeyInput" bindconfirm='type_2_search_confirm' type='text' confirm-type="search" placeholder-class="searchPlaceholderHome" value="{{type_2_keyword}}"/>
          <view class="searchButton" catchtap="type_2_search_confirm">OK</view>
        </view>
      </view>
      <view class="timeChoice" wx:if="{{type_2_timeFlag}}" bindtap="closeToast">
        <view class="block">
          <view class="timeChoiceBox timeChoiceBox1" style="border-bottom: 1px dotted #89899C;margin-bottom: 32rpx;">
            <view wx:for="{{type_2_timeList}}" style="margin-right:14rpx" class="{{type_2_time==item ? 'choiceActive' : ''}}" wx:key="index" catchtap="type_2_cycleEvent" data-info="{{item}}">{{item}}</view>
          </view>
          <view class="timeChoiceBox">
            <view wx:for="{{type_2_timeRangeList}}" wx:if="{{index==0||((nowHours>16 || type_2_time != nowDate)&&index==2)||((nowHours>8 || type_2_time != nowDate)&&index==1)}}" wx:key="index" class="{{type_2_timeRange.id == item.id ? 'choiceActive' : ''}}" catchtap="type_2_click" data-info="{{item}}" >{{item.name}}</view>
          </view>
        </view>
      </view>
    </view>
    <view class="choiceBox" style="padding-top:34rpx" wx:if="{{rankType==3}}">
      <view style="overflow:hidden;">
        <view class="choiceActive choice" catchtap="type_3_timeChoiceClick" style="float:left">
          {{type_3_time.name}}
          <view class="sj">
            <image mode="widthFix" src="../../assets/img/sort.png"></image>
          </view>
        </view>
        <view class="searchView" style="z-index:0">
          <input placeholder="输入关键词" bindinput="type_3_bindKeyInput" bindconfirm='type_3_search_confirm' type='text' confirm-type="search" placeholder-class="searchPlaceholderHome" value="{{type_3_keyword}}"/>
          <view class="searchButton" catchtap="type_3_search_confirm">OK</view>
        </view>
      </view>
      <view class="timeChoice" wx:if="{{type_3_timeFlag}}" bindtap="closeToast">
        <view class="block">
          <view class="timeChoiceBox">
            <view wx:for="{{type_3_timeList}}" wx:key="index" class="{{type_3_time.id == item.id ? 'choiceActive' : ''}}" catchtap="type_3_click" data-info="{{item}}" >{{item.name}}</view>
          </view>
        </view>
      </view>
    </view>
    <view style="padding:32rpx 28rpx 0 28rpx" wx:if="{{rankType==4}}">
      <view style="overflow:hidden;">
        <view class="searchView" style="width: 100%;margin: auto;margin-bottom: 23rpx">
          <input placeholder="请输入视频类目关键词，用逗号隔开" bindinput="type_4_bindKeyInput" bindconfirm='type_4_search_confirm' type='text' confirm-type="search" placeholder-class="searchPlaceholderHome" value="{{type_4_keyword}}"/>
          <view class="searchButton" catchtap="type_4_search_confirm">OK</view>
        </view> 
      </view>
      <view class="choiceBox flexBox">
        <view style="overflow:hidden;">
          <view class="choiceActive choice" catchtap="type_4_timeChoiceClick" style="float:left;">
            {{type_4_time.value}}
            <view class="sj">
              <image mode="widthFix" src="../../assets/img/sort.png"></image>
            </view>
          </view>
          <view class="searchView" style="z-index:0">
            <input placeholder="排除关键词" bindinput="type_4_bindKeyInput2" bindconfirm='type_4_search_confirm' type='text' confirm-type="search" placeholder-class="searchPlaceholderHome" value="{{type_4_keyword2}}"/>
            <view class="searchButton" catchtap="type_4_search_confirm">OK</view>
          </view>
        </view>
        <view class="timeChoice" wx:if="{{type_4_timeFlag}}" bindtap="closeToast" style="left:-24rpx;top:30rpx;">
          <view class="block">
            <view class="timeChoiceBox">
              <view wx:for="{{type_4_timeList}}" wx:key="index" class="{{type_4_time.label == item.label ? 'choiceActive' : ''}}" catchtap="type_4_click" data-info="{{item}}" >{{item.value}}</view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>
<view class="all" style="padding-top:calc(({{rankType==4?'280rpx':'214rpx'}} + {{ statusNavBarHeight}}px)">
  <view class="scrollMain">
    <view scroll-top="{{containerScrollTop}}" class="cantiner">
      <!-- 热门视频 -->
      <block wx:if="{{rankType==1}}">
        <view class="listBigBox" wx:for='{{hotList}}' wx:key="index" data-item="{{item}}" bindtap="goVideoDetail">
          <view class="list_videoImgBox" style="background: url(https://kx-bigdata.oss-cn-beijing.aliyuncs.com/blur_bg.png) no-repeat;background-size: 100% 100%;">
            <image src="{{item.cover_url?item.cover_url:item.head_url}}" mode="widthFix" class="list_videoImg"></image>
          </view>
          <view class="list_Info">
            <view class="videoTitle">{{item.description?item.description:'-'}}</view>
            <view class="userTitleBox">
              <view class="userBox">
                <image src="{{item.head_url}}" mode="widthFix" class="head_url"></image>
                <view class="userTitle">{{item.nickname?item.nickname:'-'}}</view>
              </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="other">
              <view class="time">{{item.createtime}}</view>
              <view class="zan">
                  <image src="../../assets/img/star.png" mode="widthFix"></image>
                  <text>{{item.like_count>100000 ? filter.NumberHandle(item.like_count) + '+' : filter.NumberHandle(item.like_count)}}</text>
              </view>
            </view>
          </view>
        </view>
      </block>
      <!-- 暴涨视频 -->
      <block wx:if="{{rankType==2}}">
        <view class="videoInCrRank" wx:for='{{videoIncrList}}' wx:key="index" data-item="{{item}}" bindtap="goVideoDetail">
          <view class="videoimgBox" style="background: url(https://kx-bigdata.oss-cn-beijing.aliyuncs.com/blur_bg.png) no-repeat;background-size: 100% 100%;">
            <image src="{{item.cover_url?item.cover_url:item.head_url}}" mode="widthFix"></image>
          </view>
          <view class="videoItemInfo">
            <view class="videoTitle">{{item.description?item.description:'-'}}</view>
            <view class="videoTime">发布于{{item.createtime}}</view>
            <view class="userTitleBox">
              <view class="userBox">
                <image src="{{item.head_url}}" mode="widthFix" class="head_url"></image>
                <view class="userTitle">{{item.nickname?item.nickname:'-'}}</view>
              </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" style="color:#E93269">{{item.like_add||item.like_add==0?filter.NumberHandle(item.like_add):'-'}}</text>
                  <view>点赞增量</view>
                </view>
                <view class="userDataItem">
                  <text class="data">{{item.forward_add||item.forward_add==0?filter.NumberHandle(item.forward_add):'-'}}</text>
                  <view>转发增量</view>
                </view>
                <view class="userDataItem">
                  <text class="data">{{item.comment_add  || item.comment_add  == 0 ?filter.NumberHandle(item.comment_add) :'-'}}</text>
                  <view>评论增量</view>
                </view>
              </view>
          </view>
        </view>
      </block>
      <!-- 标签话题 -->
      <block wx:if="{{rankType==3}}">
        <view class="topicList" wx:for="{{topicList}}" wx:key="photo_id" data-item="{{item}}" bindtap="toTopic">
          <view class="topicInfo">
            <image class="topicImg" src="../../assets/img/topic.png"></image>
            <view class="topicText">
              <view class="topicName">{{item.topic_name}}</view>
              <view class="topicFlex">
                <view class="topicLeft">参与视频号{{filter.NumberHandle(item.red_count)}}</view>
                <view class="topicRight">
                  <image class="starImg" mode="widthFix" src="../../assets/img/star.png"></image>
                  平均点赞：{{item.like_count_avg>100000 ? filter.NumberHandle(item.like_count_avg) + '+' : filter.NumberHandle(item.like_count_avg)}}
                </view>
              </view>
            </view>
          </view>
          <view class="topicBox">
            <view class="index">
              <image wx:if="{{index==0}}" mode="widthFix" class="indexImg" src="../../assets/img/one.png" alt=""></image>
              <image wx:if="{{index==1}}" mode="widthFix" class="indexImg" src="../../assets/img/second.png" alt=""></image>
              <image wx:if="{{index==2}}" mode="widthFix" class="indexImg" src="../../assets/img/three.png" alt=""></image>
              <text wx:if="{{index>2}}">{{index+1}}</text>
            </view>
            <view class="topicMore">
              <view class="topicItem" wx:for="{{item.video_related}}" wx:key="index1" wx:for-item="item1" wx:for-index="index1" wx:if="{{index1<4}}" data-item="{{item1}}" catchtap="goVideoDetail" style="background: url(https://kx-bigdata.oss-cn-beijing.aliyuncs.com/blur_bg.png) no-repeat;background-size: 100% 100%;">
                <image src="{{item1.cover_url}}" mode="widthFix"></image>
              </view>
            </view>
          </view>
        </view>
      </block>
      <block wx:if="{{rankType!=4}}">
        <view class="noHaveData" style="padding-bottom:{{isIpx?'230rpx':'180rpx;'}}" wx:if="{{isHaveMoreData}}">加载中...</view>
        <view class="noHaveData" style="padding-bottom:{{isIpx?'230rpx':'180rpx;'}}" wx:else>暂无更多数据</view>
      </block>
      <!-- 趋势查询 -->
      <block wx:if="{{rankType==4}}">
        <view wx:if="{{type_4_trendFlag}}">
          <view class="trendBox">
            <view class="searchTab"><text>[{{type_4_keyword?type_4_keyword:'美食'}}]</text>  搜索结果如下</view>
            <view class="userData" style="border-top:none">
                <view class="userDataItem">
                  <text class="data" style="color:#E93269">{{type_4_totalData.video_count||type_4_totalData.video_count==0?filter.NumberHandle(type_4_totalData.video_count):'-'}}</text>
                  <view>关联作品数</view>
                </view>
                <view class="userDataItem">
                  <text class="data">{{type_4_totalData.red_count||type_4_totalData.red_count==0?filter.NumberHandle(type_4_totalData.red_count):'-'}}</text>
                  <view>涉及视频号</view>
                </view>
                <view class="userDataItem">
                  <text class="data">{{type_4_totalData.like_count_sum  || type_4_totalData.like_count_sum  == 0 ?filter.NumberHandle(type_4_totalData.like_count_sum) :'-'}}</text>
                  <view>累积获赞</view>
                </view>
                <view class="userDataItem">
                  <text class="data">{{type_4_totalData.like_count_avg  || type_4_totalData.like_count_avg  == 0 ?filter.NumberHandle(type_4_totalData.like_count_avg) :'-'}}</text>
                  <view>平均获赞</view>
                </view>
                <view class="userDataItem">
                  <text class="data">{{type_4_totalData.wanNum  || type_4_totalData.wanNum  == 0 ?filter.NumberHandle(type_4_totalData.wanNum) :'-'}}</text>
                  <view>10w+作品</view>
                </view>
            </view>
            <scroll-view scroll-x="{{true}}" class="scrollView">
              <view class="scroll-item" wx:for="{{type_4_infoList}}" wx:key="index" data-item="{{item}}" bindtap="goVideoDetail">
                <image src="{{item.cover_url?item.cover_url:item.head_url}}" mode="widthFix" class="videoImg"></image>
                <view class="zan">
                  <image src="../../assets/img/star.png" mode="widthFix"></image>
                  <text>{{item.like_count>100000 ? filter.NumberHandle(item.like_count) + '+' : filter.NumberHandle(item.like_count)}}</text>
                </view>
              </view>
            </scroll-view>
          </view>
          <view class="trendBox" style="height:auto;padding-top:40rpx;margin-bottom:0;">
            <view class="echartsDiv">
              <ec-canvas id="wholeEcharts" style="width:100%;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
            </view>
          </view>
        </view>
        <view class="noHaveData" wx:else>暂无数据</view>
      </block>
    </view>
  </view>
</view>
<image wx:if="{{scrollTop>=1000}}" bindtap="goScrolltop" class="goTop" src="https://kx-gw.oss-cn-beijing.aliyuncs.com/goTop_icon.png"/>
<tabbar selected="3"></tabbar>