MiniPrograms_Activity/pages/live/components/douyin/douyin.wxml

<!--pages/home/components/liveData/liveData.wxml-->
<wxs module="filter" src="/components/table/filter.wxs" />
<!-- 错误提示 -->
<mp-toptips msg="{{error}}" ext-class="toptips" type="error" show="{{error}}"></mp-toptips>

<view class="liveData">
  <view class="topTable">
    <view class="liveDataTable title">
      <view wx:if="{{ headData.peopel_time != -1  }}" data-introduce="peopel_time" bindtap="showDetail"
        class="liveDataItem liveDataItemRigh">
        直播观看人次：
        <!-- <text class="show">?</text> ： -->
      </view>
      <view data-introduce="like_count" bindtap="showDetail" class="liveDataItem">
        直播点赞数：
        <!-- <text class="show">?</text> ： -->
      </view>
      <view data-introduce="avg_user_count" bindtap="showDetail" class="liveDataItem">
        平均在线人数：
        <!-- <text class="show">?</text> ： -->
      </view>
      <view data-introduce="turn_rate" bindtap="showDetail" class="liveDataItem">
        转粉率：
        <!-- <text class="show">?</text> ： -->
      </view>
    </view>
    <view class="liveDataTable">
      <view wx:if="{{ headData.peopel_time != -1  }}" class="liveDataItem">{{filter.valueFormat(headData.peopel_time)}}
      </view>
      <view class="liveDataItem">{{filter.valueFormat(headData.like_count)}}</view>
      <view class="liveDataItem">{{filter.valueFormat(headData.avg_user_count)}}</view>
      <view class="liveDataItem">{{filter.valueFormat(headData.turn_rate)}}%</view>
    </view>
    <view class="liveDataTable title">
      <view wx:if="{{ headData.msg_count != -1  }}" data-introduce="msg_count" bindtap="showDetail"
        class="liveDataItem liveDataItemRigh">
        直播评论数：
        <!-- <text class="show">?</text> ： -->
      </view>
      <view data-introduce="total_fans_count" bindtap="showDetail" class="liveDataItem">
        新增粉丝数：
        <!-- <text class="show">?</text> ： -->
      </view>
      <view data-introduce="total_fans_count" bindtap="showDetail" class="liveDataItem">
        最大在线人数：
        <!-- <text class="show">?</text> ： -->
      </view>
    </view>
    <view class="liveDataTable">
      <view wx:if="{{ headData.msg_count != -1  }}" class="liveDataItem">{{filter.valueFormat(headData.msg_count)}}
      </view>
      <view class="liveDataItem">{{filter.valueFormat(headData.total_fans_count)}}</view>
      <view class="liveDataItem">{{filter.valueFormat(headData.max_user_count)}}</view>
    </view>
  </view>

  <view class="itemView" wx:if="{{series.length}}">
    <view class="localCells">观众来源</view>
  </view>

  <view class="itemView">
    <pie id="pie001" wx:if="{{series.length}}" canvasId="douyinpie001" list="{{series}}" />
  </view>
  <!-- <chart wx:if="{{region.length && region[0].length}}" list="{{region}}" id="{{'douyinid' + 1}}"
    canvasId="{{'douyincanvasId' + 1}}" yType="value" xType="name" /> -->
    
  <view class="itemView" wx:if="{{region.length && region[0].length}}">
    <view class="localCells">观众地域分布</view>
  </view>
  <mapChina wx:if="{{region.length && region[0].length}}" id="{{'douyinMap' + 1}}" canvasId="{{'douyinMapID' + 1}}" list="{{region}}"></mapChina>

  <view class="itemView" wx:for="{{lineList}}" wx:key="id">
    <view wx:if="item.peopleList.length" class="localCells">{{item.title}}</view>
    <lineChart id="{{'douyin'+item.id}}" wx:if="item.peopleList.length" canvasId="{{'douyin'+item.canvasId}}"
      type="{{item.type}}" list="{{item.peopleList || []}}" yType="{{item.yType}}" xType="{{item.xType}}"
      color="{{item.color}}" />
  </view>

</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> -->