details.wxml 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <!--
  2. title和背景
  3. 注:这部分的背景色还没有处理好
  4. -->
  5. <view class="toptitlebar" style="background:url(../../image/guess1.jpg) no-repeat;background-size:100% 100%">
  6. <view class="baritem">
  7. <view class="baritemtop">
  8. <view class="themebgimg" style="background:url(../../image/guess1.jpg)"></view>
  9. <view class="themeinfo">
  10. <view class="themetitle">完 | 米小圈上学记:一二三年级</view>
  11. <view class="themeauthor">
  12. <!-- <image class="" src="" mode="widthFix"></image> -->
  13. 米小圈 <text class="icon-right"></text>
  14. </view>
  15. <view class="viewinfo">
  16. <view class="viewinfoleft">167.6万人收藏</view>
  17. <text class="viewinfomid">|</text>
  18. <view class="viewinforight">已更新257期</view>
  19. </view>
  20. </view>
  21. </view>
  22. <view class="baritembottom">
  23. <button class="sharebut"><text class="icon-share"></text> 分享</button>
  24. <button class="collection"><text class="icon-add"></text> 收藏</button>
  25. </view>
  26. </view>
  27. </view>
  28. <!-- 顶部选项 -->
  29. <view class="Performance">
  30. <view class="selectbar">
  31. <view class="detail">详情</view>
  32. <view class="list">节目<text>152</text>
  33. </view>
  34. </view>
  35. <!-- 播放选项 -->
  36. <view class="play">
  37. <view class="playall">
  38. <text class="icon-video"></text> 播放全部
  39. </view>
  40. <view class="playselect">
  41. <view style="margin-right:20rpx"><text class="icon-all"></text> 正序</view>
  42. <view><text class="icon-all"></text> 选集</view>
  43. </view>
  44. </view>
  45. <!-- 节目列表 -->
  46. <view class="performanceContent" wx:for="{{performance}}" wx:key="index">
  47. <!-- 序号 -->
  48. <view class="performanceIndex">{{index}}</view>
  49. <!-- 节目标题 -->
  50. <view class="performanceInfo">
  51. <view class="performanceInfoTop">
  52. <view style="font-size:33rpx">{{item.name}}</view>
  53. <view style="color:#aaaaaa">{{item.year}}</view>
  54. </view>
  55. <!-- 播放次数和时间 -->
  56. <view class="performanceInfoBottom">
  57. <view><text class="icon-video"></text>{{item.count}}</view>
  58. <view style="margin-left:20rpx"><text class="icon-time"></text>{{item.time}}</view>
  59. </view>
  60. </view>
  61. </view>
  62. </view>