applet/edition1.0.0/pages/liveDetail/index.wxml

<!--pages/liveDetail/index.wxml-->
<wxs module="filter" src="../../assets/js/common.wxs"></wxs>
<scroll-view class="liveDetail" scroll-y="true" style="height:{{scrollHeight}}px;" bindscrolltolower="bindDownLoad" bindscroll="scroll">
  <view class="mainInfo">
    <view class="mainImg">
      <image class="blur" src="{{infoObj.cover_img?infoObj.cover_img:infoObj.headurl}}"></image>
      <image class="targetImg" mode="widthFix" src="{{infoObj.cover_img?infoObj.cover_img:infoObj.headurl}}"></image>
    </view>
    <view class="infoText">
      <view class="people">
        <view class="mainIcon {{infoObj.enable==1?'activeImg':''}}">
          <image style="display:inline-block;width:100%;height:100%;border-radius:50%" wx:if="{{infoObj.headurl}}" src="{{infoObj.headurl}}"></image>
        </view>
        <view class="rightInfo">
          <view class="user">{{infoObj.user_name?infoObj.user_name:'-'}}</view>
          <view class="count">{{infoObj.fan?infoObj.fan:'-'}}粉丝</view>
        </view>
      </view>
      <view class="date">
        <view class="bottom">
          直播时间：<text class="number">{{infoObj.created_at?infoObj.created_at:'-'}}</text>
        </view>
        <view class="bottom">
          直播时长：<text class="number">{{infoObj.minute?filter.formatDuring(infoObj.minute):'-'}}</text>
        </view>
      </view>
    </view>
  </view>
  <view class="tabList {{isFix?'toTop':''}}" id="tabItem">
    <view class="tab {{tab==1?'active':''}}" data-id="1" bindtap="check">{{is_big_fan?'直播趋势':'直播总概'}}</view>
    <view class="tab {{tab==2?'active':''}}" data-id="2" bindtap="check">礼物收入</view>
    <view class="tab {{tab==3?'active':''}}" data-id="3" bindtap="check">带货商品</view>
  </view>
  <view wx:if="{{isFix}}" style="width:100%;height:56rpx;background:#fff;"></view>
  <view wx:if="{{tab==1}}">
    <view class="total" wx:if="{{!hasAunoTotal}}">
      <view class="ul">
        <view class="li">
          <text class="text">
            观看人数
          </text>
          <text class="liText">
            {{infoObj.watching_user_count?infoObj.watching_user_count:'-'}}
          </text>
        </view>
        <view class="li">
          <text class="text">
            在线峰值
          </text>
          <text class="liText">
            {{infoObj.bast_display_watching_count?infoObj.bast_display_watching_count:'-'}}
          </text>
        </view>
        <view class="li">
          <text class="text">
            点赞数
          </text>
          <text class="liText">
            {{infoObj.display_like_count?infoObj.display_like_count:'-'}}
          </text>
        </view>
        <view class="li">
          <text class="text">
            礼物收入
          </text>
          <text class="liText">
            {{infoObj.reward_count?infoObj.reward_count:'-'}}
          </text>
        </view>
        <view class="li">
          <text class="text">
            商品销量
          </text>
          <text class="liText">
            {{infoObj.sell_count?infoObj.sell_count:'-'}}
          </text>
        </view>
        <view class="li">
          <text class="text">
            销售额
          </text>
          <text class="liText">
            {{infoObj.sell_money?infoObj.sell_money:'-'}}
          </text>
        </view>
      </view>
    </view>
    <nopermission wx:if="{{hasAunoTotal}}"></nopermission>
    <view wx:if="{{is_big_fan&&!hasAuno}}">
      <view class="echarts">
        <text class="topName">在线人数</text>
        <ec-canvas id="online" style="width:100%;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas> 
      </view>
      <view class="echarts">
        <text class="topName">商品销量</text>
        <ec-canvas id="sale" style="width:100%;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas> 
      </view>
      <view class="echarts">
        <text class="topName">点赞数</text>
        <ec-canvas id="like" style="width:100%;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas> 
      </view>
      <view class="echarts" style="height:680rpx;">
        <text class="topName">礼物收入</text>
        <view class="echartsBox">
          <ec-canvas id="gift" style="width:100%;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas> 
        </view>
        <view class="btn">
          <view class="button {{checkType==1?'activeBtn':''}}" size="mini" data-id="1" bindtap="checkBtn">增量</view>
          <view class="button {{checkType==2?'activeBtn':''}}" size="mini" data-id="2" bindtap="checkBtn">总量</view>
        </view>
      </view>
    
    </view>
    <nopermission wx:if="{{hasAuno}}"></nopermission>
  </view>
  <view wx:if="{{tab==2}}" class="hotList">
    <view class="proItem hotItem" wx:for="{{rewardList}}" wx:key="user_id"  bindtap="goHrDetail" data-userid='{{item.user_id}}'>
      <image class="img" src="{{item.head_url}}"></image>
      <view class="info">
        <text class="title">{{item.user_name}}</text>
        <view class="twice date">
          粉丝数 <text class="number" style="display:inline;">{{item.maxfan?item.maxfan:'-'}}</text>
        </view>
        <view class="twice" style="text-align:left;">
          打赏 <text class="number" style="display:inline;">{{item.rewards?item.rewards:'-'}}</text>
        </view>
      </view>
    </view>
    <view class="noneBox" wx:if="{{noneReward}}">
      <image class="noneImg" src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/Applet/dataLoadingImg.png"></image>
      <view class="noneText">暂无礼物收入</view>
    </view>
    <nopermission wx:if="{{hasAuno&&!noneReward}}"></nopermission>
  </view>
  <!-- 带货商品 -->
  <view wx:if="{{tab==3}}" class="hotList">
    <view class="proItem hotItem" wx:for="{{productList}}"wx:key="productList">
      <image class="img" src="{{item.img}}" style="border-radius: 8rpx;" mode="widthFix"></image>
      <view class="info">
        <text class="title">{{item.title}}</text>
        <view class="date">{{item.price?('¥'+item.price):'-'}}</view>
        <view class="twice">
          销量 <text class="number" style="display:inline;">{{item.sell_count||item.sell_count==0?item.sell_count:'-'}}</text>
        </view>
        <view class="twice">
          销售额 <text class="number" style="display:inline;">{{item.sale_money||item.sale_money==0?item.sale_money:'-'}}</text>
        </view>
      </view>
    </view>
    <view class="noneBox" wx:if="{{nonePro}}">
      <image class="noneImg" src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/Applet/dataLoadingImg.png"></image>
      <view class="noneText">暂无带货商品</view>
    </view>
    <nopermission wx:if="{{hasAuno&&!nonePro}}"></nopermission>
  </view>
</scroll-view>
<text class="desc">更多数据请登录www.data.kuxuan.com进行查看</text>