content.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  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/<{$css}>.css?v=6e375888" rel="stylesheet"></head>
  8. <body>
  9. <div class="rich-wrapper">
  10. <{loop($content):}>
  11. <{if($v['type'] == 1):}>
  12. <{str_replace(array('width', 'height'), array('widths', 'heights'), $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_169']}>" 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" style="display:none;">已有 <{$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_169']}>" alt="" class="media-cover">
  29. <div class="ico-video-play"></div>
  30. </a>
  31. <div class="tit"><{$v['content']['name']}></div>
  32. </div>
  33. <!--直播-->
  34. <{if($v['content']['status'] == 2):}>
  35. <div class="live-notice" style="display:none;">
  36. <div class="online-user"><{$v['content']['num_user']}>人在线</div>
  37. </div>
  38. <{elseif($v['content']['status'] == 3):}>
  39. <div class="live-notice" style="display:none;">
  40. <div class="watch-user"><{$v['content']['num_view']}>人观看</div>
  41. </div>
  42. <{elseif($v['content']['status'] == 1):}>
  43. <!--直播-->
  44. <div class="live-notice">
  45. <div class="notice-time">开播时间 <{$v['content']['sdate_time']}></div>
  46. <{if($v['content']['user_act']['note'] == 1):}>
  47. <a id="live_note_<{$v['content']['id']}>" href="jstyle://live_note?id=<{$k}>&live_id=<{$v['content']['id']}>&live_status=<{$v['content']['status']}>&note=1" class="btn-notice">已设置提醒</a>
  48. <{else:}>
  49. <a id="live_note_<{$v['content']['id']}>" href="jstyle://live_note?id=<{$k}>&live_id=<{$v['content']['id']}>&live_status=<{$v['content']['status']}>&note=2" class="btn-notice">提醒我</a>
  50. <{endif}>
  51. </div>
  52. <!--直播-->
  53. <{endif}>
  54. <{elseif($v['type'] == 5 && isset($v['cover'])):}>
  55. <!--音频-->
  56. <a class="p-voice" id="audio_<{$k}>" href="jstyle://audio?id=<{$k}>&file=<{$v['content']}>">
  57. <img src="<{$v['cover']}>" alt="<{$v['name']}>" class="mavatar">
  58. <span class="sound"></span>
  59. </a>
  60. <{elseif($v['type'] == 6 && isset($v['cover'])):}>
  61. <!--视频-->
  62. <div class="p-img">
  63. <a class="poster" id="video_<{$k}>" href="jstyle://video?id=<{$k}>&file=<{$v['content']}>">
  64. <img src="<{$v['cover']}>" alt="<{$v['name']}>" class="media-cover">
  65. <div class="ico-video-play"></div>
  66. </a>
  67. <!--视频/图片标题-->
  68. <div class="tit"><{$v['name']}></div>
  69. </div>
  70. <{elseif($v['type'] == 7):}>
  71. <!--图片-->
  72. <div class="p-img">
  73. <a id="link_<{$k}>" href="<{if (isset($v['link']) && $v['link']):}>jstyle://link?id=<{$k}>&link=<{$v['link']}><{else:}>javascript:;<{endif}>">
  74. <img class="img" src="<{$v['pic_cover']}>" alt="">
  75. </a>
  76. <!--视频/图片标题-->
  77. <div class="tit" style="display:none;"><{$v['name']}></div>
  78. </div>
  79. <{elseif($v['type'] == 8):}>
  80. <!--gif图片-->
  81. <div class="p-img">
  82. <div class="gif-img">
  83. <img class="img" src="<{$v['pic']}>" alt="">
  84. <a href="jstyle://link?id=<{$k}>&link=<{$v['pic']}>&type=share" class="ico-gif-share" ></a>
  85. <a href="jstyle://link?id=<{$k}>&link=<{$v['pic']}>&type=download" class="ico-gif-download" ></a>
  86. </div>
  87. <!--视频/图片标题-->
  88. <div class="tit" style="display:none;">段宜恩:强大精神力的猫系偶像</div>
  89. </div>
  90. <{endif}>
  91. <{endloop}>
  92. </div>
  93. <script type="text/javascript" src="js/global.js?v=6e375888"></script><script type="text/javascript" src="js/index.js?v=6e375888"></script></body>
  94. <script>
  95. function audioPlay(id){
  96. $('#audio_'+ id).find('.sound').addClass('playing');
  97. }
  98. function audioPause(id){
  99. $('#audio_'+ id).find('.sound').removeClass('playing');
  100. }
  101. function emit(id,txt,type){
  102. $('#live_note_'+ id).html(txt);
  103. var href = $('#live_note_'+ id).attr('href');
  104. var temp = href.split('&note=');
  105. href = temp[0] + '&note=' + type;
  106. $('#live_note_'+ id).attr('href', href);
  107. }
  108. </script>
  109. </html>