news_body.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  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/css/vant-ui.css" />
  12. <link rel="stylesheet" type="text/css" href="../../../../../css/css/iconfont.css">
  13. <link rel="stylesheet" type="text/css" href="../../../../../css/css/main.css" />
  14. <script src="../../../../../script/js/vue.js"></script>
  15. <script src="../../../../../script/js/vue-i18n.js"></script>
  16. <script src="../../../../../script/js/vant-ui.js"></script>
  17. <script src="../../../../../script/js/main.js"></script>
  18. <script type="text/javascript" src="../../../js/zh.js"></script>
  19. <script type="text/javascript" src="../../../js/en.js"></script>
  20. <title></title>
  21. </head>
  22. <style>
  23. *{
  24. margin: 0;
  25. padding: 0;
  26. }
  27. .cctv-about-my {
  28. padding:30px 20px 100px;
  29. font-family: 微软雅黑;
  30. background-color: #fff;
  31. }
  32. .title{
  33. font-size: 20px;
  34. line-height: 1.5;
  35. text-align: left;
  36. }
  37. .main {
  38. margin-top: 40px;
  39. }
  40. .main video {
  41. width: 100%;
  42. }
  43. .content {
  44. margin-top: 20px;
  45. border-top:solid 1px rgb(0, 149, 255);
  46. line-height: 2;
  47. font-size: 16px;
  48. color: rgb(38, 38, 38);
  49. }
  50. .content .part {
  51. margin-top: 10px;
  52. text-indent: 2em;
  53. }
  54. </style>
  55. <body>
  56. <div id="app">
  57. <div class="pageView dingdanxiangqing">
  58. <div class="cctv-about-my">
  59. <h1 class="title">{{ $t('home.news.mainTitle') }}</h1>
  60. <div class="main">
  61. <div class="video">
  62. <video id="myVideo"
  63. poster="https://b2bcnfile.sailuntire.com/upload/app/wechat/homePage/img.jpg?v=1"
  64. src="https://b2bcnfile.sailuntire.com/upload/app/wechat/homePage/sailun.m4v" controls @play="handlePlay"></video>
  65. </div>
  66. <div class="content">
  67. <div class="part">{{ $t('home.news.info') }}</div>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </body>
  74. <script type="text/javascript" src="../../../../../script/api.js"></script>
  75. <script type="text/javascript" src="../../../../../script/httpRequest.js"></script>
  76. <script type="text/javascript" src="../../../../../script/vue_plugins.js"></script>
  77. <script type="text/javascript" src="../../../../../script/js/moment.js"></script>
  78. <script type="text/javascript">
  79. apiready = function(){
  80. let langType = $api.getStorage('lang') || 'cn'
  81. const i18n = new VueI18n({
  82. locale: langType,//设置语言
  83. messages: {
  84. en: getEn(),
  85. cn: getCn()
  86. }
  87. })
  88. var id = api.pageParam.id;
  89. new Vue({
  90. el: '#app',
  91. i18n,
  92. data: {
  93. tapTime: api.pageParam.dateTime,
  94. showTime: "",
  95. kunnr: $api.getStorage('kunnr')
  96. },
  97. methods : {
  98. handlePlay: function(){
  99. this.showTime = moment(new Date()).format('YYYY-MM-DD HH:mm:ss');
  100. var _this = this;
  101. api.ajax({
  102. url: 'http://b2bcnapi.sailuntire.com/allstell/app/sailun/appNewsCount/save',
  103. method: 'post',
  104. headers : {
  105. "Content-type" : "application/json"
  106. },
  107. data: {
  108. "body":{
  109. "account": _this.kunnr,
  110. "appType": "2",
  111. "id": 0,
  112. "showTime": this.showTime,
  113. "tapTime": this.tapTime?this.tapTime:this.showTime
  114. }
  115. }
  116. },function(ret, err){
  117. // 不做提示
  118. });
  119. }
  120. },
  121. mounted : function(){
  122. }
  123. })
  124. }
  125. </script>
  126. </html>