|
|
@@ -0,0 +1,249 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|
|
+ <title><{$info['name']}> - <{$config['name']}></title>
|
|
|
+ <link href="http://sdk-release.qnsdk.com/qiniuplayer-0.3.9.min.css" rel="stylesheet">
|
|
|
+<link href="css/global.css?v=d4ecd76d" rel="stylesheet"><link href="css/feature.css?v=d4ecd76d" rel="stylesheet"></head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <header>
|
|
|
+ <a class="back" style="display:none;"></a>
|
|
|
+ <{$config['name']}>
|
|
|
+ </header>
|
|
|
+ <div class="main">
|
|
|
+ <h1 class="h1"><{$info['name']}></h1>
|
|
|
+ <div class='article-infos'>
|
|
|
+ <div class='author'>作者：<{$info['author']['name']}></div>
|
|
|
+ <div class='div-nums'>
|
|
|
+ <span class='ico-view'></span> <{$info['num_view']}></div>
|
|
|
+ </div>
|
|
|
+ <div class="no-expanded">
|
|
|
+ <div class="rich-wrapper">
|
|
|
+ <{loop($content):}>
|
|
|
+ <{if($v['type'] == 1):}>
|
|
|
+ <{$v['content']}>
|
|
|
+
|
|
|
+ <{elseif($v['type'] == 2):}>
|
|
|
+ <!--视频-->
|
|
|
+ <div class="p-img">
|
|
|
+ <div class="poster" id="video_<{$k}>" data-href="<{$v['content']['video']}>">
|
|
|
+ <img src="<{$v['content']['pic_cover_169']}>"
|
|
|
+ alt="" class="media-cover">
|
|
|
+ <div class="ico-video-play"></div>
|
|
|
+ </div>
|
|
|
+ <video class="video-js" id="video_<{$k}>-vdom" style="display:none;"></video>
|
|
|
+ <!--视频/图片标题-->
|
|
|
+ <div class="tit"><{$v['content']['name']}></div>
|
|
|
+ <!--视频/图片副标题-->
|
|
|
+ <div class="tit-mini">已有 <{$v['content']['num_view']}> 人观看了视频</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <{elseif($v['type'] == 3):}>
|
|
|
+ <!--直播-->
|
|
|
+ <div class="p-img">
|
|
|
+ <div class="poster" id="live_<{$k}>" data-href="<{$v['content']['url']}>">
|
|
|
+ <img src="<{$v['content']['pic_cover_169']}>"
|
|
|
+ alt="" class="media-cover">
|
|
|
+ <div class="ico-video-play"></div>
|
|
|
+ <span class="tip">开播时间：<{$v['content']['sdate_time']}></span>
|
|
|
+ </div>
|
|
|
+ <video class="video-js" id="live_<{$k}>-vdom" style="display:none;"></video>
|
|
|
+ <!--视频/图片标题-->
|
|
|
+ <div class="tit"><{$v['content']['name']}></div>
|
|
|
+ </div>
|
|
|
+ <!--直播-->
|
|
|
+ <{if($v['content']['status'] == 2):}>
|
|
|
+ <div class="live-notice">
|
|
|
+ <div class="online-user"><{$v['content']['num_user']}>人在线</div>
|
|
|
+ </div>
|
|
|
+ <{elseif($v['content']['status'] == 3):}>
|
|
|
+ <div class="live-notice">
|
|
|
+ <div class="watch-user"><{$v['content']['num_view']}> 人观看</div>
|
|
|
+ </div>
|
|
|
+ <{elseif($v['content']['status'] == 1):}>
|
|
|
+ <div class="live-notice">
|
|
|
+ <div class="notice-time">开播时间 <{$v['content']['sdate_time']}></div>
|
|
|
+ <a class="app-open" href="<{$app}>">打开JSTYLE精美APP，开启直播提醒</a>
|
|
|
+ <!--
|
|
|
+ <{if($v['content']['user_act']['note'] == 1):}>
|
|
|
+ <a id="live_note_<{$v['content']['id']}>" href="jstyle://live_note?id=<{$k}>&live_id=<{$v['content']['id']}>&live_status=<{$v['content']['status']}>¬e=1" class="btn-notice">已设置提醒</a>
|
|
|
+ <{else:}>
|
|
|
+ <a id="live_note_<{$v['content']['id']}>" href="jstyle://live_note?id=<{$k}>&live_id=<{$v['content']['id']}>&live_status=<{$v['content']['status']}>¬e=2" class="btn-notice">提醒我</a>
|
|
|
+ <{endif}>
|
|
|
+ -->
|
|
|
+ </div>
|
|
|
+ <{endif}>
|
|
|
+
|
|
|
+
|
|
|
+ <{elseif($v['type'] == 5 && isset($v['cover'])):}>
|
|
|
+ <!--音频-->
|
|
|
+ <div class="p-voice" id="audio_<{$k}>" data-href="<{$v['content']}>">
|
|
|
+ <img src="<{$v['cover']}>"
|
|
|
+ alt="" class="mavatar">
|
|
|
+ <div class="sound"></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <{elseif($v['type'] == 6 && isset($v['cover'])):}>
|
|
|
+ <!--视频-->
|
|
|
+ <div class="p-img">
|
|
|
+ <div class="poster" id="video_<{$k}>" data-href="<{$v['content']}>">
|
|
|
+ <img src="<{$v['cover']}>"
|
|
|
+ alt="" class="media-cover">
|
|
|
+ <div class="ico-video-play"></div>
|
|
|
+ </div>
|
|
|
+ <video class="video-js" id="video_<{$k}>-vdom" style="display:none;"></video>
|
|
|
+ <!--视频/图片标题-->
|
|
|
+ <div class="tit"><{$v['name']}></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <{endif}>
|
|
|
+
|
|
|
+ <{endloop}>
|
|
|
+ </div>
|
|
|
+ <a class="btn-expand"> </a>
|
|
|
+ </div>
|
|
|
+ <{if(isset($comment) && $comment):}>
|
|
|
+ <div class="comments">
|
|
|
+ <div class='title'><span>热门评论</span></div>
|
|
|
+ <div class="comments-list">
|
|
|
+ <{loop($comment):}>
|
|
|
+ <div class='comment'>
|
|
|
+ <div class='user'>
|
|
|
+ <image src="<{isset($v1['avatar']) ? $v1['avatar'] : ""}>"></image>
|
|
|
+ </div>
|
|
|
+ <div class='info'>
|
|
|
+ <div class='username'>
|
|
|
+ <span><{$v1['username']}></span>
|
|
|
+ </div>
|
|
|
+ <div class='date'>
|
|
|
+ <span><{$v1['time']}></span>
|
|
|
+ </div>
|
|
|
+ <div class='p'>
|
|
|
+ <span><{$v1['content']}></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <{endloop}>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <{endif}>
|
|
|
+ <a class="app-open" href="<{$app}>">打开JSTYLE精美APP，查看全部评论</a>
|
|
|
+
|
|
|
+ <{if(isset($relation) && $relation):}>
|
|
|
+ <div class="recommends">
|
|
|
+ <div class='title'><span>相关推荐</span></div>
|
|
|
+ <div class="recommends-list">
|
|
|
+ <{loop($relation):}>
|
|
|
+ <div class='article clearfix' style="cursor: pointer;" onclick="getUrl('<{Dever::url('view.get?type=' . $type . '&id=' . $v2['id'], 'h5')}>')">
|
|
|
+ <div class='cover'>
|
|
|
+ <img class='default' src="<{$v2['pic_cover_169']}>" />
|
|
|
+ <div class='ico-play'></div>
|
|
|
+ </div>
|
|
|
+ <div class='tit'><span>
|
|
|
+ <{$v2['name']}>
|
|
|
+ </span></div>
|
|
|
+ <div class='date'>
|
|
|
+ <!-- <span class='type'>{{item.author_name}}</span> -->
|
|
|
+ <span class='d'><{$v2['cate_name']}> <{$v2['pdate']}></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <{endloop}>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <{endif}>
|
|
|
+ </div>
|
|
|
+ <dl class="fixed-app-open">
|
|
|
+ <dt>
|
|
|
+ <img src="images/logo.png" alt="JSTYLE精美">
|
|
|
+ <div>
|
|
|
+ <h3>JSTYLE精美</h3>
|
|
|
+ <span>我的时尚指南</span>
|
|
|
+ </div>
|
|
|
+ </dt>
|
|
|
+ <dd>
|
|
|
+ <a href="<{$app}>">打开APP</a>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+<script type="text/javascript" src="js/global.js?v=d4ecd76d"></script><script type="text/javascript" src="js/article.js?v=d4ecd76d"></script></body>
|
|
|
+<script src="http://sdk-release.qnsdk.com/qiniuplayer-0.3.9.min.js"></script>
|
|
|
+
|
|
|
+<script type="text/javascript" src="script/lib/share/weixin.js"></script>
|
|
|
+<script type="text/javascript" src="script/dever/share.js"></script>
|
|
|
+<script><{Dever::script()}></script>
|
|
|
+<script id="script">
|
|
|
+ var ctitle = '<{$info.share_title}>';
|
|
|
+ var cimg = '<{$info.share_pic}>';
|
|
|
+ var cdesc = '<{$info.share_content}>';
|
|
|
+ var curl = config.current;
|
|
|
+ var api = config.workspace.replace('wonderful/h5/', 'wechat/share/');
|
|
|
+</script>
|
|
|
+<script type="text/javascript">$(function () { var uid = -1; var project = 104; var url = api + "?api."; var param = {}; param.title = ctitle; param.img = cimg; param.desc = cdesc; param.url = curl; var button = false; Dever_Share.Init(uid, project, url, param, button); })</script>
|
|
|
+
|
|
|
+
|
|
|
+<script>
|
|
|
+
|
|
|
+ function getUrl(url)
|
|
|
+ {
|
|
|
+ location.href= url;
|
|
|
+ }
|
|
|
+ var playerList = {};
|
|
|
+
|
|
|
+ function stopPlayers(id) {
|
|
|
+ for (var key in playerList) {
|
|
|
+ if (key !== id) {
|
|
|
+ playerList[key].pause()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function getOptions(url) {
|
|
|
+ var options = {
|
|
|
+ controls: true,
|
|
|
+ url: url,
|
|
|
+ type: 'hls',
|
|
|
+ preload: true,
|
|
|
+ autoplay: false // 如为 true，则视频将会自动播放
|
|
|
+ };
|
|
|
+ return options;
|
|
|
+ }
|
|
|
+ $('.ico-video-play').click(function () {
|
|
|
+ var poster = $(this).closest('.poster');
|
|
|
+ var id = poster.hide().attr('id');
|
|
|
+ $('#' + id + '-vdom').show();
|
|
|
+ var player = new QiniuPlayer(id + '-vdom', getOptions(poster.data('href')), function () {
|
|
|
+ player.play();
|
|
|
+ player.on('play', function () {
|
|
|
+ var vdid = player.fenixPlayer.video;
|
|
|
+ stopPlayers(vdid.replace('-vdom', ''))
|
|
|
+ });
|
|
|
+ });
|
|
|
+ playerList[id] = player;
|
|
|
+ })
|
|
|
+ $('.btn-expand').click(function () {
|
|
|
+ $('.no-expanded').addClass('expanded')
|
|
|
+ })
|
|
|
+
|
|
|
+ $('.p-voice').click(function () {
|
|
|
+ var url = $(this).data('href');
|
|
|
+ var id = $(this).attr('id');
|
|
|
+ var audio = new Audio;
|
|
|
+ audio.src = url;
|
|
|
+ audio.play();
|
|
|
+ audio.addEventListener('play', function () {
|
|
|
+ stopPlayers(id);
|
|
|
+ $('#'+ id).find('.sound').addClass('playing');
|
|
|
+ },false);
|
|
|
+ audio.addEventListener('pause', function () {
|
|
|
+ $('#'+ id).find('.sound').removeClass('playing');
|
|
|
+ },false);
|
|
|
+ audio.addEventListener('ended', function () {
|
|
|
+ $('#'+ id).find('.sound').removeClass('playing');
|
|
|
+ },false);
|
|
|
+ playerList[id] = audio;
|
|
|
+ })
|
|
|
+</script>
|
|
|
+
|
|
|
+</html>
|
dever