|
@@ -11,172 +11,138 @@
|
|
|
<body>
|
|
|
<header>
|
|
|
<a class="back"></a>
|
|
|
- 段宜恩电子刊
|
|
|
+ <{$info['name']}>
|
|
|
</header>
|
|
|
<div class="main">
|
|
|
- <h1 class="h1">段宜恩:强大精神力的猫系偶像</h1>
|
|
|
+ <h1 class="h1"><{$info['name']}></h1>
|
|
|
<div class='article-infos'>
|
|
|
- <div class='author'>作者:美小刊</div>
|
|
|
+ <div class='author'>作者:<{$info['author']['name']}></div>
|
|
|
<div class='div-nums'>
|
|
|
- <span class='ico-view'></span> 10w+</div>
|
|
|
+ <span class='ico-view'></span> <{$info['num_view']}></div>
|
|
|
</div>
|
|
|
<div class="no-expanded">
|
|
|
<div class="rich-wrapper">
|
|
|
- <!--音频-->
|
|
|
- <div class="p-voice" id="audio_1" data-href="http://7.jstyle.cn/5/2018/12/03/fb5a45a5ede21c2b749691a90b38fb21.mp3">
|
|
|
- <img src="https://api.huoxingkandiqiu.com/upload/data/upload/1/2018/12/03/679a48b2efcf2c88af7754ac23461ecc.jpg"
|
|
|
- alt="" class="mavatar">
|
|
|
- <div class="sound"></div>
|
|
|
- </div>
|
|
|
- <!--段落-->
|
|
|
- <p>漫威宇宙里不只有英勇帅气的男英雄,深入民心的女英雄角色也不少,像复联系列的黑寡妇、绯红女巫,X战警中的凤凰女、暴风女,还有即将登场的惊奇队长,男女英雄无比默契地并肩作战场景总能让我们肾上腺素飙升。作为女英雄,除了拥有超高的武力值,身材、颜值一样在线,不知道斯坦李爷爷笔下的这些女英雄,有哪个镜头惊艳到你?</p>
|
|
|
-
|
|
|
- <!--图片-->
|
|
|
- <div class="p-img">
|
|
|
- <img class="img" src="https://api.huoxingkandiqiu.com/upload/data/upload/1/2018/12/03/946feca18080901497c4d2a22d0f9733.jpg"
|
|
|
- alt="">
|
|
|
- <!--视频/图片标题-->
|
|
|
- <div class="tit">段宜恩:强大精神力的猫系偶像</div>
|
|
|
- </div>
|
|
|
+ <{loop($content):}>
|
|
|
+ <{if($v['type'] == 1):}>
|
|
|
+ <{$v['content']}>
|
|
|
|
|
|
- <!--视频-->
|
|
|
+ <{elseif($v['type'] == 2):}>
|
|
|
+ <!--视频-->
|
|
|
<div class="p-img">
|
|
|
- <div class="poster" id="video_2" data-href="http://7.jstyle.cn/3/2018/11/12/3c5c778553a73441ac9d57622ed4442a.mp4">
|
|
|
- <img src="https://api.huoxingkandiqiu.com/upload/data/upload/1/2018/12/03/946feca18080901497c4d2a22d0f9733.jpg"
|
|
|
+ <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_2-vdom" style="display:none;"></video>
|
|
|
+ <video class="video-js" id="video_<{$k}>-vdom" style="display:none;"></video>
|
|
|
<!--视频/图片标题-->
|
|
|
- <div class="tit">段宜恩:强大精神力的猫系偶像</div>
|
|
|
+ <div class="tit"><{$v['content']['name']}></div>
|
|
|
<!--视频/图片副标题-->
|
|
|
- <div class="tit-mini">已有 112212 人观看了视频</div>
|
|
|
+ <div class="tit-mini">已有 <{$v['content']['num_view']}> 人观看了视频</div>
|
|
|
</div>
|
|
|
|
|
|
- <!--视频-->
|
|
|
+ <{elseif($v['type'] == 3):}>
|
|
|
+ <!--直播-->
|
|
|
<div class="p-img">
|
|
|
- <div class="poster" id="video_3" data-href="http://7.jstyle.cn/3/2018/11/12/3c5c778553a73441ac9d57622ed4442a.mp4">
|
|
|
- <img src="https://api.huoxingkandiqiu.com/upload/data/upload/1/2018/12/03/946feca18080901497c4d2a22d0f9733.jpg"
|
|
|
+ <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">开播时间:2018.8.8 15:00</span>
|
|
|
+ <span class="tip">开播时间:<{$v['content']['sdate_time']}></span>
|
|
|
</div>
|
|
|
- <video class="video-js" id="video_3-vdom" style="display:none;"></video>
|
|
|
+ <video class="video-js" id="live_<{$k}>-vdom" style="display:none;"></video>
|
|
|
<!--视频/图片标题-->
|
|
|
- <div class="tit">段宜恩:强大精神力的猫系偶像</div>
|
|
|
+ <div class="tit"><{$v['content']['name']}></div>
|
|
|
</div>
|
|
|
<!--直播-->
|
|
|
+ <{if($v['content']['status'] == 2):}>
|
|
|
<div class="live-notice">
|
|
|
- <div class="watch-user">548 人观看</div>
|
|
|
+ <div class="online-user"><{$v['content']['num_user']}>人在线</div>
|
|
|
</div>
|
|
|
- <!--直播-->
|
|
|
- <!-- <div class="live-notice">
|
|
|
- <div class="notice-time">开播时间 2018.8.8 15:00</div>
|
|
|
- <a id="live_1" href="jstyle://live?id=1" class="btn-notice">提醒我</a>
|
|
|
- </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="online-user">9999人在线</div>
|
|
|
+ <div class="notice-time">开播时间 <{$v['content']['sdate_time']}></div>
|
|
|
+ <{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>
|
|
|
+
|
|
|
+ <{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>
|
|
|
<div class="comments">
|
|
|
<div class='title'><span>热门评论</span></div>
|
|
|
<div class="comments-list">
|
|
|
+ <{loop($comment):}>
|
|
|
<div class='comment'>
|
|
|
<div class='user'>
|
|
|
- <image src='http://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTINObH6BicJCasLsYEMyQAmVaybyibp3sZ9pURK3yMLWYJOGJST7Nx32azias6XjMh8iaTibDPfVsu5VaQ/132'></image>
|
|
|
+ <image src="<{$v1['avatar']}>"></image>
|
|
|
</div>
|
|
|
<div class='info'>
|
|
|
<div class='username'>
|
|
|
- <span>谢琪琪</span>
|
|
|
+ <span><{$v1['username']}></span>
|
|
|
</div>
|
|
|
<div class='date'>
|
|
|
- <span>1天前</span>
|
|
|
+ <span><{$v1['cdate_time']}></span>
|
|
|
</div>
|
|
|
<div class='p'>
|
|
|
- <span>评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class='comment'>
|
|
|
- <div class='user'>
|
|
|
- <image src='http://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTINObH6BicJCasLsYEMyQAmVaybyibp3sZ9pURK3yMLWYJOGJST7Nx32azias6XjMh8iaTibDPfVsu5VaQ/132'></image>
|
|
|
- </div>
|
|
|
- <div class='info'>
|
|
|
- <div class='username'>
|
|
|
- <span>谢琪琪</span>
|
|
|
- </div>
|
|
|
- <div class='date'>
|
|
|
- <span>1天前</span>
|
|
|
- </div>
|
|
|
- <div class='p'>
|
|
|
- <span>评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class='comment'>
|
|
|
- <div class='user'>
|
|
|
- <image src='http://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTINObH6BicJCasLsYEMyQAmVaybyibp3sZ9pURK3yMLWYJOGJST7Nx32azias6XjMh8iaTibDPfVsu5VaQ/132'></image>
|
|
|
- </div>
|
|
|
- <div class='info'>
|
|
|
- <div class='username'>
|
|
|
- <span>谢琪琪</span>
|
|
|
- </div>
|
|
|
- <div class='date'>
|
|
|
- <span>1天前</span>
|
|
|
- </div>
|
|
|
- <div class='p'>
|
|
|
- <span>评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容</span>
|
|
|
+ <span><{$v1['content']}></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <{endloop}>
|
|
|
</div>
|
|
|
</div>
|
|
|
<a class="app-open" href="#">打开JSTYLE精美APP,查看全部评论</a>
|
|
|
<div class="recommends">
|
|
|
<div class='title'><span>相关推荐</span></div>
|
|
|
<div class="recommends-list">
|
|
|
+ <{loop($relation):}>
|
|
|
<div class='article clearfix'>
|
|
|
<div class='cover'>
|
|
|
- <img class='default' src='https://api.huoxingkandiqiu.com/upload/data/upload/1/2019/01/08/aa1de668b99bc39833f4bbb258b7fc72.jpg' />
|
|
|
- <div class='ico-play'></div>
|
|
|
- </div>
|
|
|
- <div class='tit'><span>
|
|
|
- 段宜恩:超强大精神力的猫系偶像
|
|
|
- </span></div>
|
|
|
- <div class='date'>
|
|
|
- <!-- <span class='type'>{{item.author_name}}</span> -->
|
|
|
- <span class='d'>吉亚 2018-10-22</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class='article clearfix'>
|
|
|
- <div class='cover'>
|
|
|
- <img class='default' src='https://api.huoxingkandiqiu.com/upload/data/upload/1/2019/01/08/aa1de668b99bc39833f4bbb258b7fc72.jpg' />
|
|
|
- <div class='ico-play'></div>
|
|
|
- </div>
|
|
|
- <div class='tit'><span>
|
|
|
- 段宜恩:超强大精神力的猫系偶像
|
|
|
- </span></div>
|
|
|
- <div class='date'>
|
|
|
- <!-- <span class='type'>{{item.author_name}}</span> -->
|
|
|
- <span class='d'>吉亚 2018-10-22</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class='article clearfix'>
|
|
|
- <div class='cover'>
|
|
|
- <img class='default' src='https://api.huoxingkandiqiu.com/upload/data/upload/1/2019/01/08/aa1de668b99bc39833f4bbb258b7fc72.jpg' />
|
|
|
+ <img class='default' src="<{$v2['pic_cover']}>" />
|
|
|
<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'>吉亚 2018-10-22</span>
|
|
|
+ <span class='d'><{$v2['cate_name']}> <{$v2['pdate']}></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <{endloop}>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|