MiniPrograms_Activity/pages/home/components/topic/topic.wxml

<!--pages/home/components/contrast/contrast.wxml-->
<wxs module="filter" src="/components/table/filter.wxs" />

<view class="topic">
  <view class="topTable">
    <view class="topicTable title">
      <view wx:if="{{headData.total_pv != -1}}" data-introduce="total_pv" bindtap="showDetail" class="topicItem">
        总浏览量 <text wx:if="{{select == 1}}" class="show">?</text> ：
      </view>
      <view wx:if="{{headData.total_digg != -1}}" data-introduce="total_digg" bindtap="showDetail" class="topicItem">
        总点赞数
        <text wx:if="{{select == 1}}" class="show">?</text> ：
      </view>
      <view wx:if="{{headData.total_comment != -1}}" data-introduce="total_forward" bindtap="showDetail"
        class="topicItem">总转发量
        <text wx:if="{{select == 1}}" class="show">?</text> ：
      </view>
      <view wx:if="{{headData.live_add_fans != -1}}" data-introduce="live_add_fans" bindtap="showDetail"
        class="topicItem">
        新增粉丝数
        <text wx:if="{{select == 1}}" class="show">?</text> ：
      </view>
    </view>
    <view class="topicTable">
      <view wx:if="{{headData.total_pv != -1}}" class="topicItem">{{filter.valueFormat(headData.total_pv)}}</view>
      <view wx:if="{{headData.total_digg != -1}}" class="topicItem">{{filter.valueFormat(headData.total_digg)}}</view>
      <view wx:if="{{headData.total_comment != -1}}" class="topicItem">
        {{filter.valueFormat(headData.total_forward)}}
      </view>
      <view wx:if="{{headData.live_add_fans != -1}}" class="topicItem">{{filter.valueFormat(headData.live_add_fans)}}
      </view>
    </view>
    <view class="topicTable title">
      <view wx:if="{{headData.total_ori != -1}}" data-introduce="total_ori" bindtap="showDetail"
        class="topicItem topicItemRigh">原创量 <text wx:if="{{select == 1}}" class="show">?</text> ：
      </view>
      <view wx:if="{{headData.total_comment != -1}}" data-introduce="total_comment" bindtap="showDetail"
        class="topicItem topicItemRigh">总评论数 <text wx:if="{{select == 1}}" class="show">?</text> ：
      </view>
      <view class="topicItem topicItemRigh">
        <view wx:if="{{headData.live_uv != -1}}" data-introduce="live_uv" bindtap="showDetail">直播观看人数 <text
            wx:if="{{select == 1}}" class="show">?</text> ：</view>
      </view>
      <view wx:if="{{headData.live_comment != -1}}" data-introduce="live_comment" bindtap="showDetail"
        class="topicItem">直播评论数
        <text wx:if="{{select == 1}}" class="show">?</text> ：
      </view>
    </view>
    <view class="topicTable">
      <view wx:if="{{headData.total_ori != -1}}" class="topicItem">{{filter.valueFormat(headData.total_ori)}}</view>
      <view wx:if="{{headData.total_comment != -1}}" class="topicItem">{{filter.valueFormat(headData.total_comment)}}
      </view>
      <view class="topicItem">
        <view wx:if="{{headData.live_uv != -1}}">{{filter.valueFormat(headData.live_uv)}}</view>
      </view>
      <view wx:if="{{headData.live_comment != -1}}" class="topicItem">{{filter.valueFormat(headData.live_comment)}}
      </view>
    </view>
  </view>

  <view class="pKvm">
    <view class="kvm" bindtap="toLive" wx:if="{{headData.has_live_douyin_data || headData.has_live_kuaishou_data}}">
      <view class="kvmText" style="line-height: 3.5em;padding: 0">直播</view>
    </view>
    <view class="kvm" bindtap="toSecond" wx:if="{{sonList && sonList.length}}">
      <view class="kvmText">二次传播</view>
    </view>
  </view>
  <scroll-view scroll-x style="padding: 20rpx 0 0 20rpx">
  <button size="mini" wx:key="id" wx:for="{{pla}}" style="margin-right: 10rpx;background-color:#1989fa;color: #fff;font-weight: 400" data-id="{{item.type}}" bindtap="platform">{{item.name}}</button>
  </scroll-view>
  <view class="itemView" wx:if="{{contrast.length}}">
    <view class="localCells">平台对比</view>
    <!-- <chart list="{{contrast}}" id="{{'id' + 1}}" canvasId="{{'canvasId' + 1}}" wx:if="{{contrast && contrast.length}}"
      yType="total_pv" xType="platform" /> -->
    <pie id="pie001" wx:if="{{contrast.length}}" canvasId="pie002" list="{{contrast}}" />
  </view>
  <view class="itemView" wx:if="{{all.length}}">
    <view class="localCells">账号排名</view>
    <chart id="{{'id' + 2}}" canvasId="{{'canvasId' + 2}}"
      btnList="{{[{name:'点赞', type:'digg_count'},{name:'评论', type:'comment_count'},{name:'转发', type:'forward_count'}]}}"
      list="{{all}}" yType="digg_count" xType="nickname" />
  </view>
  <view class="itemView" wx:if="{{!!imgURL}}">
    <view class="localCells" style="padding: 5px 10px;">词云</view>
  </view>
  <image bindload="imgLoad" wx:if="{{!!imgURL}}"
    style="{{'display: block;width: 100%;max-width: 441px;margin:0 auto;height:'+ height + 'px'}}" src="{{imgURL}}" />
  <!-- <wordCloud wordsCloud="{{wordList}}" yType="value" xType="name" /> -->
  <view class="itemView" wx:if="{{douyin.length}}">
    <view class="localCells">抖音-评论排行</view>
    <chart id="{{'id' + 3}}" canvasId="{{'canvasId' + 3}}" list="{{douyin}}" wx:if="{{douyin && douyin.length}}"
      yType="comment_count" xType="nickname" />
  </view>
  <view class="itemView" wx:if="{{douyin.length}}">
    <view class="localCells">抖音-点赞排行</view>
    <chart id="{{'id' + 4}}" canvasId="{{'canvasId' + 4}}" list="{{douyin}}" wx:if="{{douyin && douyin.length}}"
      yType="digg_count" xType="nickname" />
  </view>
  <view class="itemView" wx:if="{{douyin.length && title !== '西安'}}">
    <view class="localCells">抖音-粉丝量排行</view>
    <chart id="{{'id' + 5}}" canvasId="{{'canvasId' + 5}}" list="{{douyin}}" wx:if="{{douyin && douyin.length}}"
      yType="mplatform_followers_count" xType="nickname" />
  </view>


  <view class="itemView" wx:if="{{kuaishou.length}}">
    <view class="localCells">快手-播放量排行</view>
    <chart id="{{'id' + 6}}" canvasId="{{'canvasId' + 6}}" list="{{kuaishou}}" wx:if="{{kuaishou && kuaishou.length}}"
      yType="pv" xType="nickname" />
  </view>
  <view class="itemView" wx:if="{{kuaishou.length}}">
    <view class="localCells">快手-评论排行</view>
    <chart id="{{'id' + 7}}" canvasId="{{'canvasId' + 7}}" list="{{kuaishou}}" wx:if="{{kuaishou && kuaishou.length}}"
      yType="comment_count" xType="nickname" />
  </view>


  <view class="itemView" wx:if="{{weiboBtnListread.length}}">
    <view class="localCells">微博-阅读量趋势</view>
    <lineChart id="{{'id' + 11}}" canvasId="{{'canvasId' + 11}}" type="line" select="{{selectread}}"
      bindlineChenge="lineChengeread" btnList="{{weiboBtnListread}}" isShow="{{isShow}}"
      wx:if="{{weiboBtnListread && weiboBtnListread.length}}" list="{{weiboread}}" yType="value" xType="time" />
  </view>
  <view class="itemView" wx:if="{{weiboBtnListme.length}}">
    <view class="localCells">微博-讨论趋势</view>
    <lineChart id="{{'id' + 10}}" canvasId="{{'canvasId' + 10}}" type="line" select="{{selectme}}"
      bindlineChenge="lineChengeme" btnList="{{weiboBtnListme}}" wx:if="{{weiboBtnListme && weiboBtnListme.length}}"
      isShow="{{isShow}}" list="{{weibome}}" yType="value" xType="time" />
  </view>
  <view class="itemView" wx:if="{{weiboBtnListori.length}}">
    <view class="localCells">微博-原创趋势</view>
    <lineChart id="{{'id' + 9}}" canvasId="{{'canvasId' + 9}}" type="line" select="{{selectori}}"
      bindlineChenge="lineChengeori" btnList="{{weiboBtnListori}}" isShow="{{isShow}}"
      wx:if="{{weiboBtnListori && weiboBtnListori.length}}" list="{{weiboori}}" yType="value" xType="time" />
  </view>
  <view class="itemView" wx:if="{{yangshi.length}}">
    <view class="localCells">央视-浏览排行</view>
    <chart id="{{'id' + 8}}" canvasId="{{'canvasId' + 8}}" wx:if="{{yangshi && yangshi.length}}" list="{{yangshi}}"
      yType="pv" xType="nickname" />
  </view>
  <!-- 错误提示 -->
  <mp-toptips msg="{{error}}" ext-class="toptips" type="error" show="{{error}}"></mp-toptips>
</view>

<!-- <cover-view wx:if="{{detail !== ''}}" style="width: 750rpx; height: 100vh;position: absolute;background-color:rgba(0,0,0,.5)">
    <mp-dialog show="{{detail !== ''}}" bindbuttontap="showDetail" buttons="{{[{ text: '确定'}]}}">
      <view>{{detail}}</view>
    </mp-dialog>
  </cover-view> -->
<cover-view wx:if="{{detail !== ''}}" class="modolBg">
  <cover-view class="local_dialog">
    <cover-view class="local_dialog_title">
      <cover-view class="local_dialog_close" bindtap="showDetail">
        <cover-view class="local_dialog_close_left"></cover-view>
        <cover-view class="local_dialog_close_right"></cover-view>
      </cover-view>
      <cover-view class="title">
        {{diglogTitle}}
      </cover-view>
    </cover-view>
    <cover-view class="local_dialog_body">
      <cover-view style="padding-right:5px;white-space:pre-wrap;line-height: 1.5em;width:490rpx;margin: 0 auto;">
        {{detail}}
      </cover-view>
    </cover-view>
  </cover-view>
</cover-view>
<!-- <mp-toptips msg="{{detail}}" type="info" show="{{detail !== ''}}"></mp-toptips> -->