details.wxml 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <!--
  2. title和背景
  3. 注:这部分的背景色还没有处理好
  4. -->
  5. <view class="hmly-top-title-bar">
  6. <!-- 背景虚化层 -->
  7. <view class="hmly-bg" style="background:url({{imgurl}}); background-size: 100% 100%; background-repeat: no-repeat;">
  8. </view>
  9. <!-- 内容 -->
  10. <view class="hmly-bar-item" wx:for="{{performanceInfo}}" wx:key="index">
  11. <view class="hmly-bar-item-top">
  12. <view class="hmly-theme-bg-img" style="background:url({{item.imgurl}}); background-size:100% 100%"></view>
  13. <view class="hmly-theme-info">
  14. <view class="hmly-theme-title">{{item.title}}</view>
  15. <view class="hmly-theme-author">
  16. <!-- <image class="" src="" mode="widthFix"></image> -->
  17. {{item.author}} <text class="icon-right"></text>
  18. </view>
  19. <view class="hmly-view-info">
  20. <view class="hmly-view-info-left">{{item.num1}}人收藏</view>
  21. <text class="hmly-viewhmly-info-mid">|</text>
  22. <view class="hmly-view-info-right">已更新{{item.num2}}期</view>
  23. </view>
  24. </view>
  25. </view>
  26. <view class="hmly-bar-item-bottom">
  27. <button class="hmly-share-but"><text class="icon-share"></text> 分享</button>
  28. <button class="hmly-collection"><text class="icon-add"></text> 收藏</button>
  29. </view>
  30. </view>
  31. </view>
  32. <!-- 顶部选项 -->
  33. <view class="hmly-performance">
  34. <view class="hmly-selectbar">
  35. <view class="hmly-detail">详情</view>
  36. <view class="hmly-list hmly-active">节目<text>152</text>
  37. </view>
  38. </view>
  39. <!-- 播放选项 -->
  40. <view class="hmly-play">
  41. <view class="hmly-play-all">
  42. <text class="icon-video"></text> 播放全部
  43. </view>
  44. <view class="hmly-play-select">
  45. <view style="margin-right:20rpx"><text class="icon-order"></text> 正序</view>
  46. <view><text class="icon-list"></text> 选集</view>
  47. </view>
  48. </view>
  49. <!-- 节目列表 -->
  50. <view class="hmly-performance-content" wx:for="{{performance}}" wx:key="index">
  51. <!-- 序号 -->
  52. <view class="hmly-performance-index">{{index+1}}</view>
  53. <!-- 节目标题 -->
  54. <view class="hmly-performance-info">
  55. <view class="hmly-performance-info-top">
  56. <view style="font-size:33rpx">{{item.name}}</view>
  57. <view style="color:#aaaaaa">{{item.year}}</view>
  58. </view>
  59. <!-- 播放次数和时间 -->
  60. <view class="hmly-performance-info-bottom">
  61. <view><text class="icon-video"></text>{{item.count}}</view>
  62. <view style="margin-left:20rpx"><text class="icon-time"></text>{{item.time}}</view>
  63. </view>
  64. </view>
  65. </view>
  66. </view>