applet/edition1.0.0/pages/musicDetail/musicDetail....

<view class="musicTopInfo">
    <view class="left">
        <image src="{{music_data.music_img}}" mode="widthFix"/>
    </view>
    <view class="right">
        <view class="musicName">{{music_data.music}}</view>
        <view class="musicPlay" bindtap="play">{{isplay? '点击暂停' : '点击播放'}} <image src="{{isplay?'https://kx-bigdata.oss-cn-beijing.aliyuncs.com/Applet/music_suspend.png':'https://kx-bigdata.oss-cn-beijing.aliyuncs.com/Applet/music_play.png'}}" mode="widthFix"/></view>
    </view>
    <image class="detail_wt" src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/Applet/detail_wt.png" mode="widthFix"/>
</view>
<!--  -->
<scroll-view class="scroll-view_H {{scrollTop>146 ? 'scroll-view-fixed' : ''}}"
    scroll-left="{{scroll_left}}"
    scroll-with-animation="true"
    scroll-x="true">
    <view class="scroll-view-item_H">
    <view wx:for="{{topArray}}"
    bindtap="clickTitle"
    data-type = "{{item.type}}"
    class="{{type === item.type ?'active':''}}"
        wx:key="index">{{item.title}}</view>
    </view>
</scroll-view>
<!-- 数据趋势 -->
<view class="dataTrend" wx:if="{{type == '1'}}">
    <view class="dataInfo">
        <view class="info">
            <view class="infoTitle">作品数</view>
            <text>{{music_data.photo_count}}</text>
        </view>
        <view class="info">
            <view class="infoTitle">1天增量</view>
            <text>{{music_data.photo_count_day1}}</text>
        </view>
        <view class="info">
            <view class="infoTitle">7天增量</view>
            <text>{{music_data.photo_count_day7}}</text>
        </view>
    </view>
  <view class="echartsDiv">
    <view class="trendHint">近7天视频增量</view>
    <ec-canvas id="trendEcharts" style="width:100%;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
  </view>
</view>
<!-- 相关视频 -->
<view wx:if="{{type == '2'}}" class="videoView">
    <view>
        <text class="listHint">共 {{videoTotal}} 个相关视频</text>
    </view>
    <view class="listView" wx:for="{{videosList}}" wx:key="photo_id">
      <view class="infoView">
        <view class="coverImg">
          <image src="{{item.main_url}}" mode="widthFix"></image>
        </view>
        <view class="info">
          <view class="caption">{{item.caption}}</view>
          <view class="nameInfo">
            <view class="name">
              <image src="{{item.headurl}}" mode="widthFix"></image>
              <text>{{item.user_name}}</text>
            </view>
          </view>
          <view class="time">{{item.time}}</view>
          <view class="other_info">
            <view>播放量 <text>{{item.view_count}}</text></view>
            <view>点赞量 <text>{{item.like_count}}</text></view>
          </view>
        </view>
      </view>
    </view>
  </view>
<!-- 相关达人 -->
<view class="bringGoodsList" wx:if="{{type == '3'}}">
    <view>
        <text class="listHint">共 {{hrListTotal}} 位相关达人</text>
    </view>
    <view class="bringGoodsView">
        <view class="bringGoodsInfo" wx:for="{{hrList}}" wx:key="user_id" bindtap="goHrDetail" data-userid='{{item.user_id}}'>
        <view class="videoImg">
            <image src="{{item.headurl}}" mode="widthFix"></image>
        </view>
        <view  class="info">
            <view class="name">{{item.user_name}}</view>
            <view class="fan"><view>作品数 <text>{{item.video_count}}</text></view></view>
        </view>
        </view>
    </view>
</view>
<!-- 红人分布 -->
<view class="hrDistribute" wx:if="{{type == '4'}}">
      <view class="content">
        <view class="echartsDiv" wx:if="{{hrDistributeData.sign.length!=0}}">
          <ec-canvas id="drawSign" style="width:100%;" class="canvas" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
        </view>
        <view class="echartsDiv">
          <ec-canvas id="drawFan" class="canvas" style="width:100%;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
        </view>
        <view class="echartsDiv">
          <ec-canvas id="drawAddress" class="canvas" style="width:100%;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
        </view>
        <view class="echartsDiv">
          <ec-canvas id="drawAge" class="canvas" style="width:100%;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
        </view>
        <view class="sexView">
            <view class="man">
            <image src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/Applet/man.png" />
            <text>{{sexData.man}}</text>
            <view>男性用户</view>
            </view>
            <view class="woman">
            <image src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/Applet/woman.png" />
            <text>{{sexData.woman}}</text>
            <view>女性用户</view>
            </view>
            <view class="echartsDiv">
            <ec-canvas id="drawSex" style="width:100%;" class="canvas" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
            </view>
        </view>
    </view>
</view>
<image wx:if="{{scrollTop>=1000}}" bindtap="goScrolltop" class="goTop" src="https://kx-gw.oss-cn-beijing.aliyuncs.com/goTop_icon.png"/>
<text class="desc">更多数据请登录https://data.kuxuan.com进行查看</text>