大数据平台的小程序版本

videoDetail.wxml 5.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. <!--pages/videoDetail/videoDetail.wxml-->
  2. <wxs module="filter" src="../../assets/js/common.wxs"></wxs>
  3. <custom-header title="视频详情" isBack="true"></custom-header>
  4. <view class="topView"></view>
  5. <view class="detail" style="margin-top:{{safeAreaTop}}px">
  6. <view class="info">
  7. <view class="box">
  8. <view class="post" bindtap="toToast">
  9. <image class="icon" mode="heightFix" src="{{videoInfo.cover_url}}"></image>
  10. <image class="play" mode="widthFix" src="../../assets/img/play.png"></image>
  11. </view>
  12. <view class="right">
  13. <view class="username">{{videoInfo.description}}</view>
  14. <image class="follow" wx:if="{{videoInfo.is_follow==1}}" bindtap="followVideo" src="../../assets/img/like.png"></image>
  15. <image class="follow" wx:if="{{videoInfo.is_follow!=1}}" bindtap="followVideo" src="../../assets/img/follow.png"></image>
  16. <view class="desc">
  17. 发布时间:{{videoInfo.createtime}}
  18. </view>
  19. <view class="desc">
  20. 视频时长:{{videoInfo.duration}}
  21. </view>
  22. <view class="userBox" bindtap="goUserDetail">
  23. <image src="{{videoInfo.head_url}}" class="userImg"></image>
  24. <view class="userInfo">
  25. <view class="userName">{{videoInfo&&videoInfo.nickname?videoInfo.nickname:'-'}}</view>
  26. <view class="auth" style="width:240rpx;margin-top:-10rpx;" wx:if="{{videoInfo&&(videoInfo.auth_icon_url||videoInfo.auth_profession)}}">
  27. <image src="{{videoInfo.auth_icon_url}}" mode="widthFix"></image>
  28. <text>{{videoInfo.auth_profession}}</text>
  29. </view>
  30. </view>
  31. <!-- <button class="save" catchtap="makeDraw">生成海报</button> -->
  32. <button class="save" catchtap open-type="share">分享</button>
  33. </view>
  34. </view>
  35. </view>
  36. </view>
  37. <view class="list">
  38. <view class="li">
  39. <view class="num">{{videoInfo.like_count>100000?filter.NumberHandle(videoInfo.like_count)+'+':filter.NumberHandle(videoInfo.like_count)}}</view>
  40. <view class="text">总点赞数</view>
  41. </view>
  42. <view class="li">
  43. <view class="num">{{videoInfo.forward_count>100000?filter.NumberHandle(videoInfo.forward_count)+'+':filter.NumberHandle(videoInfo.forward_count)}}</view>
  44. <view class="text">总转发数</view>
  45. </view>
  46. <view class="li">
  47. <view class="num">{{videoInfo.comment_count>100000?filter.NumberHandle(videoInfo.comment_count)+'+':filter.NumberHandle(videoInfo.comment_count)}}</view>
  48. <view class="text">总评论数</view>
  49. </view>
  50. </view>
  51. <view class="echartsBox">
  52. <view class="topName">趋势分析</view>
  53. <view class="echartsDiv">
  54. <ec-canvas id="wholeEcharts" style="width:100%;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
  55. </view>
  56. </view>
  57. <block wx:if="{{page != 'userDetail'}}">
  58. <view class="linkBox">
  59. <view class="linkTop">
  60. <text>扩展链接列表</text>
  61. <text>使用次数</text>
  62. </view>
  63. <view class="linkList" wx:if="{{linkLenth!=-1}}">
  64. <view class="linkItem" wx:for="{{linkList}}" wx:key="id">
  65. <view class="left">
  66. <view class="linkTitle">{{item.exttitle}}</view>
  67. <view class="infoBox">
  68. <image src="{{item.wx_app_headimg}}"></image>
  69. <text class="name">{{item.app_name}}</text>
  70. </view>
  71. </view>
  72. <view class="count">{{item.count}}</view>
  73. </view>
  74. </view>
  75. <view class="none" wx:else>
  76. <image mode="widthFix" src="../../assets/img/noList.png"></image>
  77. <view>暂无数据</view>
  78. </view>
  79. </view>
  80. <!-- 关联公众号 -->
  81. <view class="linkBox">
  82. <view class="linkTop">
  83. <text>链接关联公众号</text>
  84. <text>挂链篇数</text>
  85. </view>
  86. <view class="accountBox" wx:if="{{userLength!=-1}}">
  87. <view class="accountItem" wx:for="{{userList}}" wx:key="app_id">
  88. <image class="iconImg" src="{{item.wx_app_headimg}}"></image>
  89. <view class="centerBox">
  90. <view class="linkTitle">{{item.app_name}}</view>
  91. <view class="id">{{item.app_id}}</view>
  92. </view>
  93. <view class="count">{{item.count}}</view>
  94. </view>
  95. </view>
  96. <view class="none" wx:else>
  97. <image mode="widthFix" src="../../assets/img/noList.png"></image>
  98. <view>暂无数据</view>
  99. </view>
  100. </view>
  101. </block>
  102. </view>
  103. <!-- 生成海报 -->
  104. <view class="box" style="position: absolute; left: -9999rpx;top:0rpx;">
  105. <painter customStyle='position: absolute; left: -9999rpx;' palette="{{template}}" bind:imgOK="canvasSuc" bind:imgErr="canvasErr"/>
  106. <image mode="widthFix" src="{{image}}" bindtap="previewImg" />
  107. </view>
  108. <!-- 复制PC端网站 -->
  109. <van-popup show="{{toastFlag}}" position="bottom" custom-style="height: 310rpx;background:#F0F1F3;padding: 0 40rpx;" round close-on-click-overlay="{{true}}" closeable="{{false}}" bind:close="cancelTask">
  110. <view class="toastText">播放或下载视频请到电脑端操作</view>
  111. <view class="toastMain">
  112. <view class="imgBox">
  113. <image class="toastImg" mode="widthFix" src="../../assets/newLive/logo_live_detail.png"></image>
  114. </view>
  115. <view class="linkText">sph.wenxingshuju.com</view>
  116. <button class="copyButton" bindtap="copyEvent">复制网址</button>
  117. </view>
  118. </van-popup>