首頁 探索 說明
登入
dever-product
/
wonderful
2
0
複刻 0
檔案 問題管理 0 合併請求 0 Wiki
瀏覽代碼

edit

dever 6 年之前
父節點
1278486d99
當前提交
8ffc0bb16c
共有 33 個文件被更改，包括 638 次插入 和 0 次删除
統一視圖 顯示文件統計
  1. 255 0
      h5/assets/mobile/article.html
  2. 0 0
      h5/assets/mobile/css/article.css
  3. 1 0
      h5/assets/mobile/css/article.css.map
  4. 2 0
      h5/assets/mobile/css/global.css
  5. 1 0
      h5/assets/mobile/css/global.css.map
  6. 0 0
      h5/assets/mobile/css/index.css
  7. 1 0
      h5/assets/mobile/css/index.css.map
  8. 0 0
      h5/assets/mobile/css/live.css
  9. 1 0
      h5/assets/mobile/css/live.css.map
  10. 2 0
      h5/assets/mobile/css/rule.css
  11. 1 0
      h5/assets/mobile/css/rule.css.map
  12. 0 0
      h5/assets/mobile/css/video.css
  13. 1 0
      h5/assets/mobile/css/video.css.map
  14. 二進制
      h5/assets/mobile/images/back.png
  15. 二進制
      h5/assets/mobile/images/exp-mask.png
  16. 二進制
      h5/assets/mobile/images/expand.png
  17. 二進制
      h5/assets/mobile/images/logo.png
  18. 2 0
      h5/assets/mobile/js/article.js
  19. 1 0
      h5/assets/mobile/js/article.js.map
  20. 0 0
      h5/assets/mobile/js/global.js
  21. 0 0
      h5/assets/mobile/js/global.js.map
  22. 2 0
      h5/assets/mobile/js/index.js
  23. 1 0
      h5/assets/mobile/js/index.js.map
  24. 2 0
      h5/assets/mobile/js/live.js
  25. 1 0
      h5/assets/mobile/js/live.js.map
  26. 2 0
      h5/assets/mobile/js/rule.js
  27. 1 0
      h5/assets/mobile/js/rule.js.map
  28. 2 0
      h5/assets/mobile/js/video.js
  29. 1 0
      h5/assets/mobile/js/video.js.map
  30. 119 0
      h5/assets/mobile/live.html
  31. 169 0
      h5/assets/mobile/video.html
  32. 8 0
      h5/index.php
  33. 62 0
      h5/src/View.php

+ 255 - 0
h5/assets/mobile/article.html
查看文件 

@@ -0,0 +1,255 @@
 
+<!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></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/article.css?v=d4ecd76d" rel="stylesheet"></head>

+

+<body>

+  <header>

+    <a class="back"></a>

+    段宜恩电子刊

+  </header>

+  <div class="main">

+    <h1 class="h1">段宜恩：强大精神力的猫系偶像</h1>

+    <div class='article-infos'>

+      <div class='author'>作者：美小刊</div>

+      <div class='div-nums'>

+        <span class='ico-view'></span> 10w+</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>

+

+        <!--视频-->

+        <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"

+              alt="" class="media-cover">

+            <div class="ico-video-play"></div>

+          </div>

+          <video class="video-js" id="video_2-vdom" style="display:none;"></video>

+          <!--视频/图片标题-->

+          <div class="tit">段宜恩：强大精神力的猫系偶像</div>

+          <!--视频/图片副标题-->

+          <div class="tit-mini">已有 112212 人观看了视频</div>

+        </div>

+

+        <!--视频-->

+        <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"

+              alt="" class="media-cover">

+            <div class="ico-video-play"></div>

+            <span class="tip">开播时间：2018.8.8 15:00</span>

+          </div>

+          <video class="video-js" id="video_3-vdom" style="display:none;"></video>

+          <!--视频/图片标题-->

+          <div class="tit">段宜恩：强大精神力的猫系偶像</div>

+        </div>

+        <!--直播-->

+        <div class="live-notice">

+          <div class="watch-user">548 人观看</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> -->

+        <!--直播-->

+        <div class="live-notice">

+          <div class="online-user">9999人在线</div>

+        </div>

+      </div>

+      <a class="btn-expand">&nbsp;</a>

+    </div>

+    <div class="comments">

+      <div class='title'><span>热门评论</span></div>

+      <div class="comments-list">

+        <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>

+            </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>

+    </div>

+    <a class="app-open" href="#">打开JSTYLE精美APP，查看全部评论</a>

+    <div class="recommends">

+      <div class='title'><span>相关推荐</span></div>

+      <div class="recommends-list">

+        <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' />

+            <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>

+    </div>

+  </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</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>

+  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>

文件差異過大導致無法顯示
+ 0 - 0
h5/assets/mobile/css/article.css


+ 1 - 0
h5/assets/mobile/css/article.css.map
查看文件 

@@ -0,0 +1 @@
 
+{"version":3,"sources":[],"names":[],"mappings":"","file":"css/article.css?v=d4ecd76d","sourceRoot":""}

+ 2 - 0
h5/assets/mobile/css/global.css
查看文件 

@@ -0,0 +1,2 @@
 
+body{font-family:Roboto,Droid Sans,Helvetica,Helvetica Neue,Heiti SC,sans-serif}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:none;outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}address,caption,cite,code,dfn,td,th,var{font-weight:400;font-style:normal}nav,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a,ins{text-decoration:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left}a,div,img,input{-webkit-tap-highlight-color:transparent;-webkit-appearance:none}input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.fn-hide{display:none}.fn-nocallout{-webkit-touch-callout:none}.fn-noselect{-webkit-user-select:none}.fn-noadjust{-webkit-text-size-adjust:none}.fn-nodrag{-webkit-user-drag:none}
 
+/*# sourceMappingURL=global.css.map?v=d4ecd76d*/

+ 1 - 0
h5/assets/mobile/css/global.css.map
查看文件 

@@ -0,0 +1 @@
 
+{"version":3,"sources":[],"names":[],"mappings":"","file":"css/global.css?v=d4ecd76d","sourceRoot":""}

文件差異過大導致無法顯示
+ 0 - 0
h5/assets/mobile/css/index.css


+ 1 - 0
h5/assets/mobile/css/index.css.map
查看文件 

@@ -0,0 +1 @@
 
+{"version":3,"sources":[],"names":[],"mappings":"","file":"css/index.css?v=d4ecd76d","sourceRoot":""}

文件差異過大導致無法顯示
+ 0 - 0
h5/assets/mobile/css/live.css


+ 1 - 0
h5/assets/mobile/css/live.css.map
查看文件 

@@ -0,0 +1 @@
 
+{"version":3,"sources":[],"names":[],"mappings":"","file":"css/live.css?v=d4ecd76d","sourceRoot":""}

+ 2 - 0
h5/assets/mobile/css/rule.css
查看文件 

@@ -0,0 +1,2 @@
 
+body{padding:.64rem!important}body h1{padding-top:.64rem;text-align:center;font-size:.4rem;font-weight:700;margin-bottom:.64rem}body h2{line-height:1.6;font-weight:700}body h2,body p{font-size:.32rem}body p{min-height:.32rem;line-height:1.8}body img{max-width:100%}
 
+/*# sourceMappingURL=rule.css.map?v=d4ecd76d*/

+ 1 - 0
h5/assets/mobile/css/rule.css.map
查看文件 

@@ -0,0 +1 @@
 
+{"version":3,"sources":[],"names":[],"mappings":"","file":"css/rule.css?v=d4ecd76d","sourceRoot":""}

文件差異過大導致無法顯示
+ 0 - 0
h5/assets/mobile/css/video.css


+ 1 - 0
h5/assets/mobile/css/video.css.map
查看文件 

@@ -0,0 +1 @@
 
+{"version":3,"sources":[],"names":[],"mappings":"","file":"css/video.css?v=d4ecd76d","sourceRoot":""}

二進制
h5/assets/mobile/images/back.png
查看文件


二進制
h5/assets/mobile/images/exp-mask.png
查看文件


二進制
h5/assets/mobile/images/expand.png
查看文件


二進制
h5/assets/mobile/images/logo.png
查看文件


+ 2 - 0
h5/assets/mobile/js/article.js
查看文件 

@@ -0,0 +1,2 @@
 
+webpackJsonp([4],{1:function(n,t,c){"use strict";c(0),c(8)},14:function(n,t,c){n.exports=c(1)},8:function(n,t){}},[14]);
 
+//# sourceMappingURL=article.js.map?v=d4ecd76d

+ 1 - 0
h5/assets/mobile/js/article.js.map
查看文件 

@@ -0,0 +1 @@
 
+{"version":3,"sources":["webpack:///js/article.js","webpack:///./mobile/src/router/article.js"],"names":["webpackJsonp","1","module","exports","__webpack_require__","14","8"],"mappings":"AAAAA,cAAc,IAERC,EACA,SAAUC,EAAQC,EAASC,GAEjC,YCLAA,GAAA,GACAA,EAAA,IDaMC,GACA,SAAUH,EAAQC,EAASC,GAEjCF,EAAOC,QAAUC,EAAoB,IAK/BE,EACA,SAAUJ,EAAQC,OAMrB","file":"js/article.js?v=d4ecd76d","sourcesContent":["webpackJsonp([4],{\n\n/***/ 1:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\n__webpack_require__(0);\n\n__webpack_require__(8);\n\n/***/ }),\n\n/***/ 14:\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports = __webpack_require__(1);\n\n\n/***/ }),\n\n/***/ 8:\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ })\n\n},[14]);\n\n\n// WEBPACK FOOTER //\n// js/article.js?v=d4ecd76d","import './global';\r\nimport '../css/article.css';\n\n\n// WEBPACK FOOTER //\n// ./mobile/src/router/article.js"],"sourceRoot":""}

文件差異過大導致無法顯示
+ 0 - 0
h5/assets/mobile/js/global.js


文件差異過大導致無法顯示
+ 0 - 0
h5/assets/mobile/js/global.js.map


+ 2 - 0
h5/assets/mobile/js/index.js
查看文件 

@@ -0,0 +1,2 @@
 
+webpackJsonp([3],{10:function(n,t){},16:function(n,t,c){n.exports=c(2)},2:function(n,t,c){"use strict";c(0),c(10)}},[16]);
 
+//# sourceMappingURL=index.js.map?v=d4ecd76d

+ 1 - 0
h5/assets/mobile/js/index.js.map
查看文件 

@@ -0,0 +1 @@
 
+{"version":3,"sources":["webpack:///js","webpack:///./mobile/src/router/index.js"],"names":["webpackJsonp","10","module","exports","16","__webpack_require__","2"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,KAMlBC,GACA,SAAUF,EAAQC,EAASE,GAEjCH,EAAOC,QAAUE,EAAoB,IAK/BC,EACA,SAAUJ,EAAQC,EAASE,GAEjC,YCpBAA,GAAA,GACAA,EAAA,OD4BG","file":"js/index.js?v=d4ecd76d","sourcesContent":["webpackJsonp([3],{\n\n/***/ 10:\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ 16:\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports = __webpack_require__(2);\n\n\n/***/ }),\n\n/***/ 2:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\n__webpack_require__(0);\n\n__webpack_require__(10);\n\n/***/ })\n\n},[16]);\n\n\n// WEBPACK FOOTER //\n// js?v=d4ecd76d","import './global';\r\nimport '../css/index.css';\r\n\n\n\n// WEBPACK FOOTER //\n// ./mobile/src/router/index.js"],"sourceRoot":""}

+ 2 - 0
h5/assets/mobile/js/live.js
查看文件 

@@ -0,0 +1,2 @@
 
+webpackJsonp([2],{11:function(n,t){},17:function(n,t,c){n.exports=c(3)},3:function(n,t,c){"use strict";c(0),c(11)}},[17]);
 
+//# sourceMappingURL=live.js.map?v=d4ecd76d

+ 1 - 0
h5/assets/mobile/js/live.js.map
查看文件 

@@ -0,0 +1 @@
 
+{"version":3,"sources":["webpack:///js/live.js","webpack:///./mobile/src/router/live.js"],"names":["webpackJsonp","11","module","exports","17","__webpack_require__","3"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,KAMlBC,GACA,SAAUF,EAAQC,EAASE,GAEjCH,EAAOC,QAAUE,EAAoB,IAK/BC,EACA,SAAUJ,EAAQC,EAASE,GAEjC,YCpBAA,GAAA,GACAA,EAAA,OD4BG","file":"js/live.js?v=d4ecd76d","sourcesContent":["webpackJsonp([2],{\n\n/***/ 11:\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ 17:\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports = __webpack_require__(3);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\n__webpack_require__(0);\n\n__webpack_require__(11);\n\n/***/ })\n\n},[17]);\n\n\n// WEBPACK FOOTER //\n// js/live.js?v=d4ecd76d","import './global';\r\nimport '../css/live.css';\n\n\n// WEBPACK FOOTER //\n// ./mobile/src/router/live.js"],"sourceRoot":""}

+ 2 - 0
h5/assets/mobile/js/rule.js
查看文件 

@@ -0,0 +1,2 @@
 
+webpackJsonp([1],{12:function(n,t){},18:function(n,t,c){n.exports=c(4)},4:function(n,t,c){"use strict";c(0),c(12)}},[18]);
 
+//# sourceMappingURL=rule.js.map?v=d4ecd76d

+ 1 - 0
h5/assets/mobile/js/rule.js.map
查看文件 

@@ -0,0 +1 @@
 
+{"version":3,"sources":["webpack:///js/rule.js","webpack:///./mobile/src/router/rule.js"],"names":["webpackJsonp","12","module","exports","18","__webpack_require__","4"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,KAMlBC,GACA,SAAUF,EAAQC,EAASE,GAEjCH,EAAOC,QAAUE,EAAoB,IAK/BC,EACA,SAAUJ,EAAQC,EAASE,GAEjC,YCpBAA,GAAA,GACAA,EAAA,OD4BG","file":"js/rule.js?v=d4ecd76d","sourcesContent":["webpackJsonp([1],{\n\n/***/ 12:\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ 18:\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports = __webpack_require__(4);\n\n\n/***/ }),\n\n/***/ 4:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\n__webpack_require__(0);\n\n__webpack_require__(12);\n\n/***/ })\n\n},[18]);\n\n\n// WEBPACK FOOTER //\n// js/rule.js?v=d4ecd76d","import './global';\r\nimport '../css/rule.css';\r\n\n\n\n// WEBPACK FOOTER //\n// ./mobile/src/router/rule.js"],"sourceRoot":""}

+ 2 - 0
h5/assets/mobile/js/video.js
查看文件 

@@ -0,0 +1,2 @@
 
+webpackJsonp([0],{13:function(n,t){},19:function(n,t,c){n.exports=c(5)},5:function(n,t,c){"use strict";c(0),c(13)}},[19]);
 
+//# sourceMappingURL=video.js.map?v=d4ecd76d

+ 1 - 0
h5/assets/mobile/js/video.js.map
查看文件 

@@ -0,0 +1 @@
 
+{"version":3,"sources":["webpack:///js/video.js","webpack:///./mobile/src/router/video.js"],"names":["webpackJsonp","13","module","exports","19","__webpack_require__","5"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,KAMlBC,GACA,SAAUF,EAAQC,EAASE,GAEjCH,EAAOC,QAAUE,EAAoB,IAK/BC,EACA,SAAUJ,EAAQC,EAASE,GAEjC,YCpBAA,GAAA,GACAA,EAAA,OD4BG","file":"js/video.js?v=d4ecd76d","sourcesContent":["webpackJsonp([0],{\n\n/***/ 13:\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ 19:\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports = __webpack_require__(5);\n\n\n/***/ }),\n\n/***/ 5:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\n__webpack_require__(0);\n\n__webpack_require__(13);\n\n/***/ })\n\n},[19]);\n\n\n// WEBPACK FOOTER //\n// js/video.js?v=d4ecd76d","import './global';\r\nimport '../css/video.css';\n\n\n// WEBPACK FOOTER //\n// ./mobile/src/router/video.js"],"sourceRoot":""}

+ 119 - 0
h5/assets/mobile/live.html
查看文件 

@@ -0,0 +1,119 @@
 
+<!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></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/live.css?v=d4ecd76d" rel="stylesheet"></head>

+

+<body>

+  <div class="main">

+    <!--视频-->

+    <div class="banner">

+      <div class="poster">

+        <img src="https://api.huoxingkandiqiu.com/upload/data/upload/1/2018/12/03/946feca18080901497c4d2a22d0f9733.jpg"

+          alt="" class="media-cover">

+        <div class="ico-video-play"></div>

+      </div>

+      <video class="video-js" id="demo-video" style="display:none;"></video>

+    </div>

+    <h1 class="h1">段宜恩：强大精神力的猫系偶像</h1>

+    <!-- 直播未开始/直播结束 -->

+    <div class="unliving">

+      <!-- 未开始 -->

+      <div class="live-forecast"><span>本次直播将于2018.8.8 15:00开始</span></div>

+      <a class="app-open" href="#">打开JSTYLE精美APP，开启直播提醒</a>

+      <!-- 已结束 -->

+      <a class="app-open" href="#">打开JSTYLE精美APP，查看更多精彩直播</a>

+      <div class="rich-wrapper">

+        <!--段落-->

+        <p>漫威宇宙里不只有英勇帅气的男英雄，深入民心的女英雄角色也不少，像复联系列的黑寡妇、绯红女巫，X战警中的凤凰女、暴风女，还有即将登场的惊奇队长，男女英雄无比默契地并肩作战场景总能让我们肾上腺素飙升。作为女英雄，除了拥有超高的武力值，身材、颜值一样在线，不知道斯坦李爷爷笔下的这些女英雄，有哪个镜头惊艳到你？</p>

+      </div>

+    </div>

+    <!-- 直播中 -->

+    <div class="living"  style="display:none;">

+      <div class='living-tabs'>

+        <div data-tabid='1' class='cur'>在线互动</div>

+        <div data-tabid='2'>直播介绍</div>

+      </div>

+      <a class="app-open" href="#">打开JSTYLE精美APP，查看全部评论</a>

+      <div class='message' tab-type="living-tab" tabid="1">

+        <div class='item'>

+          <div class='user'>

+            <img src='http://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTLoAicus6PVAOwnDYqrcf2iaxxsVsz1qKb4pDFHnQ68IOXm6SAxpycIWbVxAIWG4TicNkaWZl3v9yGQw/132' />

+          </div>

+          <div class='info clearfix'>

+            <div class='username text-ellipsis'>

+              <span>谢琪琪</span>

+            </div>

+            <div class='txt'>

+              <span>

+                评论内容评论内容评评论内容评

+              </span>

+            </div>

+          </div>

+        </div>

+        <div class='item'>

+          <div class='user'>

+            <img src='http://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTLoAicus6PVAOwnDYqrcf2iaxxsVsz1qKb4pDFHnQ68IOXm6SAxpycIWbVxAIWG4TicNkaWZl3v9yGQw/132' />

+          </div>

+          <div class='info clearfix'>

+            <div class='username text-ellipsis'>

+              <span>谢琪琪</span>

+            </div>

+            <div class='txt'>

+              <span>

+                评论内容评论内容评评论内容评评论内容评论内容评评论内容评

+              </span>

+            </div>

+          </div>

+        </div>

+      </div>

+      <div class="rich-wrapper" tab-type="living-tab" tabid="2" style="display:none;">

+        <!--段落-->

+        <p>漫威宇宙里不只有英勇帅气的男英雄，深入民心的女英雄角色也不少，像复联系列的黑寡妇、绯红女巫，X战警中的凤凰女、暴风女，还有即将登场的惊奇队长，男女英雄无比默契地并肩作战场景总能让我们肾上腺素飙升。作为女英雄，除了拥有超高的武力值，身材、颜值一样在线，不知道斯坦李爷爷笔下的这些女英雄，有哪个镜头惊艳到你？</p>

+      </div>

+    </div>

+  </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</a>

+    </dd>

+  </dl>

+<script type="text/javascript" src="js/global.js?v=d4ecd76d"></script><script type="text/javascript" src="js/live.js?v=d4ecd76d"></script></body>

+<script src="http://sdk-release.qnsdk.com/qiniuplayer-0.3.9.min.js"></script>

+<script>

+var options = {

+    controls: true,

+    url: 'http://7.jstyle.cn/3/2018/11/12/3c5c778553a73441ac9d57622ed4442a.mp4',

+    type: 'hls',

+    preload: true,

+    autoplay: false // 如为 true，则视频将会自动播放

+};

+$('.ico-video-play').click(function(){

+  $('#demo-video').show();

+  $('.poster').hide();

+  var player = new QiniuPlayer('demo-video', options,function(){

+    player.play();

+  });

+  

+})

+</script>

+<script>

+  $('.living-tabs').on('click', 'div', function () {

+    var tabid = $(this).data('tabid');

+    $(this).addClass('cur').siblings().removeClass('cur');

+    $('[tab-type="living-tab"]').hide().filter('[tabid="'+tabid+'"]').show();

+  })

+</script>

+

+</html>

+ 169 - 0
h5/assets/mobile/video.html
查看文件 

@@ -0,0 +1,169 @@
 
+<!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></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/video.css?v=d4ecd76d" rel="stylesheet"></head>

+

+<body>

+  <div class="main">

+    <!--视频-->

+    <div class="banner">

+      <div class="poster">

+        <img src="https://api.huoxingkandiqiu.com/upload/data/upload/1/2018/12/03/946feca18080901497c4d2a22d0f9733.jpg"

+          alt="" class="media-cover">

+        <div class="ico-video-play"></div>

+      </div>

+      <video class="video-js" id="demo-video" style="display:none;"></video>

+      <a class="btn-open" href="#">打开JSTYLE精美APP，查看更多精彩视频>></a>

+    </div>

+    <h1 class="h1">段宜恩：强大精神力的猫系偶像</h1>

+    <div class='article-infos'>

+      <div class='author'>作者：美小刊</div>

+      <div class='div-nums' wx:if="{{divs_yes}}">

+        <span class='ico-view'></span> 10w+</div>

+    </div>

+    <div class="rich-wrapper">

+      <!--段落-->

+      <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>

+    </div>

+    <div class="comments">

+      <div class='title'><span>热门评论</span></div>

+      <div class="comments-list">

+        <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>

+            </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>

+    </div>

+    <a class="app-open" href="#">打开JSTYLE精美APP，查看全部评论</a>

+    <div class="recommends">

+      <div class='title'><span>相关推荐</span></div>

+      <div class="recommends-list">

+        <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' />

+            <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>

+    </div>

+  </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</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>

+<script src="http://sdk-release.qnsdk.com/qiniuplayer-0.3.9.min.js"></script>

+<script>

+var options = {

+    controls: true,

+    url: 'http://7.jstyle.cn/3/2018/11/12/3c5c778553a73441ac9d57622ed4442a.mp4',

+    type: 'hls',

+    preload: true,

+    autoplay: false // 如为 true，则视频将会自动播放

+};

+$('.ico-video-play').click(function(){

+  $('#demo-video').show();

+  $('.poster').hide();

+  var player = new QiniuPlayer('demo-video', options,function(){

+    player.play();

+  });

+  

+})

+</script>

+

+</html>

+ 8 - 0
h5/index.php
查看文件 

@@ -0,0 +1,8 @@
 
+<?php
 
+
 
+define('DEVER_APP_NAME', 'h5');
 
+define('DEVER_APP_LANG', 'h5页面');
 
+define('DEVER_APP_PATH', dirname(__FILE__) . DIRECTORY_SEPARATOR);
 
+define('DEVER_MANAGE_ORDER', 98);
 
+define('DEVER_MANAGE_ICON', 'glyphicon glyphicon-tower layui-icon-component');
 
+include(DEVER_APP_PATH . '../boot.php');

+ 62 - 0
h5/src/View.php
查看文件 

@@ -0,0 +1,62 @@
 
+<?php

+

+namespace H5\Src;

+

+use Dever;

+use Main\Lib\Core;

+

+class View extends Core

+{

+    # 根据类型，获取详情的html页面

+    public function get()

+    {

+        $type = Dever::input('type');

+        $id = Dever::input('id');

+        $signature = Dever::input('signature');

+        $data = array();

+        $template = false;

+        switch($type) {

+            case 1:

+                $data = Dever::load('main/view')->article();

+                $template = 'article';

+                break;

+            case 2:

+                $data = Dever::load('main/view')->vod();

+                $template = 'video';

+                break;

+            case 3:

+                $data = Dever::load('main/view')->live();

+                $template = 'live';

+                break;

+            case 4:

+                Dever::alert('错误的数据');

+                # 这个有点特殊

+                $info = Dever::db('journal/content')->one($id);

+                if (!$info) {

+                    Dever::alert('错误的数据');

+                }

+                $data = Dever::load('main/journal')->readContent($info);

+                break;

+            case 6:

+                $data = Dever::load('main/view')->feature();

+                $template = 'article';

+                break;

+        }

+

+        if ($data && $template) {

+            if (isset($data['info']['content_array'])) {

+                $data['content'] = $data['info']['content_array'];

+            } elseif (isset($data['info']['content'])) {

+                $data['content'][] = array

+                (

+                    'type' => 1,

+                    'content' => $data['info']['content']

+                );

+            }

+            

+            return Dever::render($template, $data);

+        } else {

+            Dever::alert('错误的数据');

+        }

+    }

+}

部分文件因文件數量過多而無法顯示