news_body.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. <!DOCTYPE html>
  2. <html class="">
  3. <!--STATUS OK-->
  4. <head>
  5. <meta name="referrer" content="always" />
  6. <meta charset='utf-8' />
  7. <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  8. <meta http-equiv="x-dns-prefetch-control" content="on">
  9. <meta name="description" content="">
  10. <meta name="format-detection" content="telephone=no" />
  11. <link rel="stylesheet" type="text/css" href="css/vant-ui.css" />
  12. <link rel="stylesheet" type="text/css" href="css/iconfont.css">
  13. <link rel="stylesheet" type="text/css" href="css/main.css" />
  14. <script src="js/vue.js"></script>
  15. <script src="js/vant-ui.js"></script>
  16. <script src="js/main.js"></script>
  17. <title></title>
  18. </head>
  19. <style>
  20. *{
  21. margin: 0;
  22. padding: 0;
  23. }
  24. .cctv-about-my {
  25. padding:30px 20px 100px;
  26. font-family: 微软雅黑;
  27. background-color: #fff;
  28. }
  29. .title{
  30. font-size: 20px;
  31. line-height: 1.5;
  32. text-align: left;
  33. }
  34. .main {
  35. margin-top: 40px;
  36. }
  37. .main video {
  38. width: 100%;
  39. }
  40. .content {
  41. margin-top: 20px;
  42. border-top:solid 1px rgb(0, 149, 255);
  43. line-height: 2;
  44. font-size: 16px;
  45. color: rgb(38, 38, 38);
  46. }
  47. .content .part {
  48. margin-top: 10px;
  49. text-indent: 2em;
  50. }
  51. </style>
  52. <body>
  53. <div id="app">
  54. <div class="pageView dingdanxiangqing">
  55. <div class="cctv-about-my">
  56. <h1 class="title">《新闻联播》头条报道赛轮集团</h1>
  57. <div class="main">
  58. <div class="video">
  59. <video id="myVideo"
  60. poster="https://b2bcnfile.sailuntire.com/upload/app/wechat/homePage/img.jpg"
  61. src="https://b2bcnfile.sailuntire.com/upload/app/wechat/homePage/sailun.m4v"
  62. @play="handlePlay"
  63. controls></video>
  64. </div>
  65. <div class="content">
  66. <div class="part">1月8日央视《新闻联播》头条对赛轮集团工业互联网建设成果进行了重点报道。目前,赛轮工厂通过工业互联网的应用,能够真正做到全链接的智能制造。 过去研发一款新产品要用半年时间测试上万条轮胎,而现在通过大数据和机理模型,首条新品下线就能达到标准要求。</div>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. </body>
  73. <script type="text/javascript" src="../script/api.js"></script>
  74. <script type="text/javascript" src="../script/httpRequest.js"></script>
  75. <script type="text/javascript" src="../script/vue_plugins.js"></script>
  76. <script type="text/javascript" src="../script/moment.js"></script>
  77. <script type="text/javascript">
  78. apiready = function(){
  79. var id = api.pageParam.id;
  80. new Vue({
  81. el: '#app',
  82. data: {
  83. tapTime: api.pageParam.dateTime,
  84. showTime: "",
  85. storeId: $api.getStorage('userid')
  86. },
  87. methods : {
  88. handlePlay: function(){
  89. this.showTime = moment(new Date()).format('YYYY-MM-DD HH:mm:ss');
  90. var _this = this;
  91. api.ajax({
  92. url: 'http://b2bcnapi.sailuntire.com/allstell/app/sailun/appNewsCount/save',
  93. method: 'post',
  94. headers : {
  95. "Content-type" : "application/json"
  96. },
  97. data: {
  98. "body":{
  99. "account": _this.storeId,
  100. "appType": "1",
  101. "id": 0,
  102. "showTime": this.showTime,
  103. "tapTime": this.tapTime?this.tapTime:this.showTime
  104. }
  105. }
  106. },function(ret, err){
  107. // 不做提示
  108. });
  109. }
  110. },
  111. mounted : function(){
  112. }
  113. })
  114. }
  115. </script>
  116. </html>