dever-product
/
wonderful


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
							<!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="css/global.css?v=d4ecd76d" rel="stylesheet"><link href="css/video.css?v=d4ecd76d" rel="stylesheet"></head>

<body>
  <header style="display:none;">
    <a class="back" style="display:none;"></a>
    <{$config['name']}>
  </header>
  <div class="main">
    <!--视频-->
    <div class="banner">
      <div class="poster">
        <img src="<{$info['pic_cover_169']}>"
          alt="" class="media-cover">
        <div class="ico-video-play"></div>
      </div>
      <div class="video-cont">
        <video class="video-js" id="demo-video"></video>
      </div>
      <a class="btn-open" href="<{$app}>" style="display:none;">打开JSTYLE精美APP，查看更多精彩视频>></a>
    </div>
    <h1 class="h1"><{$info['name']}></h1>
    <div class='article-infos'>
      <div class='author'>作者：<{$info['author']['name']}></div>
      <{if(in_array(1, $info['function'])):}>
      <div class='div-nums' wx:if="{{divs_yes}}">
        <span class='ico-view'></span> <{$info['num_view']}></div>
        <{endif}>
    </div>
    <div class="rich-wrapper">
      <!--段落-->
      <{$info['content']}>
    </div>
    <{if(isset($comment) && $comment && in_array(2, $info['function'])):}>
    <div class="comments">
      <div class='title'><span>热门评论</span></div>
      <div class="comments-list">
        <{loop($comment):}>
        <div class='comment'>
          <div class='user'>
            <image src="<{isset($v['avatar']) ? $v['avatar'] : ""}>"></image>
          </div>
          <div class='info'>
            <div class='username'>
              <span><{$v['username']}></span>
            </div>
            <div class='date'>
              <span><{$v['time']}></span>
            </div>
            <div class='p'>
              <span><{$v['content']}></span>
            </div>
          </div>
        </div>
        <{endloop}>
      </div>
    </div>
    <a class="app-open" href="<{$app}>" style="display:none;">打开JSTYLE精美APP，查看全部评论</a>
    <{endif}>
    

    <{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=' . $v1['id'], 'h5')}>')">
          <div class='cover'>
            <img class='default' src="<{$v1['pic_cover_169']}>" />
            <div class='ico-play'></div>
          </div>
          <div class='tit'><span>
              <{$v1['name']}>
            </span></div>
          <div class='date'>
            <!-- <span class='type'>{{item.author_name}}</span> -->
            <span class='d'><{$v1['cate_name']}> <{$v1['pdate']}></span>
          </div>
        </div>
        <{endloop}>
      </div>
    </div>
    <{endif}>
  </div>
  <dl class="fixed-app-open">
    <dt>
      <img src="images/logo.png" alt="">
      <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/video.js?v=d4ecd76d"></script></body>

<{Dever::render('share', $this->data)}>

<script>
  function getUrl(url)
  {
    location.href= url;
  }

$('.ico-video-play').click(function(){
  $('.video-cont').show();
  $('.poster').hide();
  var player = $('#demo-video')[0];
  player.src = '<{$info['video']}>';
  player.load();
  player.play();
  player.addEventListener('pause', function () {
    $('.video-cont').hide();
    $('.poster').show();
  },false);
  player.addEventListener('ended', function () {
    $('.video-cont').hide();
    $('.poster').show();
  },false);
})
</script>

</html>