content.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6. <title></title>
  7. <link href="css/global.css?v=6e375888" rel="stylesheet"><link href="css/index.css?v=6e375888" rel="stylesheet"></head>
  8. <body>
  9. <div class="rich-wrapper">
  10. <{loop($content):}>
  11. <{if($v['type'] == 1):}>
  12. <{$v['content']}>
  13. <{elseif($v['type'] == 2):}>
  14. <!--视频-->
  15. <div class="p-img">
  16. <a class="poster" id="video_<{$k}>" href="jstyle://video?id=<{$k}>&vod_id=<{$v['content']['id']}>&file=<{$v['content']['video']}>">
  17. <img src="<{$v['content']['pic_cover']}>" alt="" class="media-cover">
  18. <div class="ico-video-play"></div>
  19. </a>
  20. <!--视频/图片标题-->
  21. <div class="tit"><{$v['content']['name']}></div>
  22. <!--视频/图片副标题-->
  23. <div class="tit-mini">已有 <{$v['content']['num_view']}> 人观看了视频</div>
  24. </div>
  25. <{elseif($v['type'] == 3):}>
  26. <div class="p-img">
  27. <a class="poster" id="live_<{$k}>" href="jstyle://live?id=<{$k}>&live_id=<{$v['content']['id']}>&live_status=<{$v['content']['status']}>&file=<{$v['content']['url']}>">
  28. <img src="<{$v['content']['pic_cover']}>" alt="" class="media-cover">
  29. <div class="ico-video-play"></div>
  30. </a>
  31. </div>
  32. <!--直播-->
  33. <{if($v['content']['status'] == 2):}>
  34. <div class="live-notice">
  35. <div class="online-user"><{$v['content']['num_user']}>人在线</div>
  36. </div>
  37. <{elseif($v['content']['status'] == 3):}>
  38. <div class="live-notice">
  39. <div class="watch-user"><{$v['content']['num_view']}>人观看</div>
  40. </div>
  41. <{elseif($v['content']['status'] == 1):}>
  42. <!--直播-->
  43. <div class="live-notice">
  44. <div class="notice-time">开播时间 <{$v['content']['sdate_time']}></div>
  45. <{if($v['content']['user_act'] == 1):}>
  46. <a id="live_note_<{$k}>" href="jstyle://live_note?id=<{$k}>&live_id=<{$v['content']['id']}>&live_status=<{$v['content']['status']}>&note=1" class="btn-notice">已设置提醒</a>
  47. <{else:}>
  48. <a id="live_note_<{$k}>" href="jstyle://live_note?id=<{$k}>&live_id=<{$v['content']['id']}>&live_status=<{$v['content']['status']}>&note=2" class="btn-notice">提醒我</a>
  49. <{endif}>
  50. </div>
  51. <!--直播-->
  52. <{endif}>
  53. <{elseif($v['type'] == 5 && isset($v['cover'])):}>
  54. <!--音频-->
  55. <a class="p-voice" id="auido_<{$k}>" href="jstyle://auido?id=<{$k}>&file=<{$v['content']}>">
  56. <img src="<{$v['cover']}>" alt="<{$v['name']}>" class="mavatar">
  57. <div class="sound"></div>
  58. </a>
  59. <{elseif($v['type'] == 6 && isset($v['cover'])):}>
  60. <!--视频-->
  61. <div class="p-img">
  62. <a class="poster" id="video_<{$k}>" href="jstyle://video?id=<{$k}>&file=<{$v['content']}>">
  63. <img src="<{$v['cover']}>" alt="<{$v['name']}>" class="media-cover">
  64. <div class="ico-video-play"></div>
  65. </a>
  66. <!--视频/图片标题-->
  67. <div class="tit"><{$v['name']}></div>
  68. </div>
  69. <{elseif($v['type'] == 7 && isset($v['link'])):}>
  70. <!--图片-->
  71. <div class="p-img">
  72. <a id="link_<{$k}>" href="$v['link']">
  73. <img class="img" src="<{$v['pic_cover']}>" alt="">
  74. </a>
  75. <!--视频/图片标题-->
  76. <div class="tit" style="display:none;"><{$v['name']}></div>
  77. </div>
  78. <{endif}>
  79. <{endloop}>
  80. </div>
  81. <script type="text/javascript" src="js/global.js?v=6e375888"></script><script type="text/javascript" src="js/index.js?v=6e375888"></script></body>
  82. <script>
  83. function audioPlay(id){
  84. $('#auido_'+ id).find('.sound').addClass('playing');
  85. }
  86. function audioPause(id){
  87. $('#auido_'+ id).find('.sound').removeClass('playing');
  88. }
  89. function emit(id,txt){
  90. $('#live_note_'+ id).html(txt);
  91. }
  92. </script>
  93. </html>