categoryContent.html 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{{ctx.tname}} - {{ctx.web_name}}</title>
  5. <meta name="referrer" content="no-referrer" />
  6. <meta name="keywords" content="电影,电影大全,电影天堂,最新电影,好看的电影,电影排行榜" />
  7. <meta name="description" content="为您提供更新电影、好看的电影排行榜及电影迅雷下载,免费在线观看伦理电影、动作片、喜剧片、爱情片、搞笑片等全新电影。" />
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />
  10. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  11. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  12. <link rel="shortcut icon" href="/static/img/favicon.svg" type="image/x-icon" />
  13. <link rel="stylesheet" href="/web/cms/mxpro/css/iconfont.css" type="text/css" />
  14. <link rel="stylesheet" href="/web/cms/mxpro/css/stui_default.css" type="text/css" />
  15. <script type="text/javascript" src="/static/js/jquery.min.js"></script>
  16. <script type="text/javascript" src="/static/js/jquery.cookie.min.js "></script>
  17. <script type="text/javascript" src="/static/js/jquery.lazyload.min.js "></script>
  18. <script type="text/javascript" src="/web/cms/mxpro/js/index.js"></script>
  19. <script type="text/javascript" src="/web/cms/mxpro/js/home.js"></script>
  20. <script src="/static/js/vue3.js"></script>
  21. <script src="/static/js/axios.min.js"></script>
  22. <script src="/static/js/eruda.js"></script>
  23. <script src="/web/cms/mxpro/js/commonUI.js"></script>
  24. <link rel="stylesheet" href="/web/cms/mxpro/css/commonUI.css" type="text/css"/>
  25. <script>var maccms={"path":"","mid":"1","url":"5imv.cc","wapurl":"www.5imv.cc","mob_status":"2"};</script>
  26. <!--[if lt IE 9]>
  27. <script src="/web/cms/mxpro/js/html5shiv.min.js"></script>
  28. <script src="/web/cms/mxpro/js/respond.min.js"></script>
  29. <![endif]-->
  30. </head>
  31. <body>
  32. <div id="app">
  33. <div class="container">
  34. <div class="row">
  35. <div class="stui-pannel">
  36. <div class="stui-pannel__hd">
  37. <!--vue组件-头部导航-->
  38. <stu-header :ctx="ctx" :items="items" :hotsuggs="hotsuggs" :tid="tid" :is_home="is_home"></stu-header>
  39. </div>
  40. <div class="stui-pannel__bd clearfix">
  41. <div class="stui-screen">
  42. <div class="head clearfix">
  43. <a href="javascript:;" class="open-screen pull-right">展开 <i class="iconfont icon-moreunfold"></i></a>
  44. <span class="text">
  45. 已选择:{{ctx.tname}}
  46. </span>
  47. <span class="all">,共检索到“{[sitems.total]}”条结果</span>
  48. </div>
  49. <stu-filter :items="items" :tid="tid" :ctx="ctx" :item="item"></stu-filter>
  50. </div>
  51. <ul class="stui-vodlist clearfix">
  52. <li v-for="item in sitems.list">
  53. <div class="stui-vodlist__box">
  54. <a class="stui-vodlist__thumb lazyload" :href="'{{ctx.path}}?vod_id='+item.vod_id+'&vod_name='+item.vod_name+'&tid='+tid" :title="item.vod_name" :data-original="item.vod_pic">
  55. <span class="play hidden-xs"></span>
  56. <span class="pic-text1 text-right"><b>{[item.type_name]}</b></span>
  57. <span class="pic-text text-right"><b>{[item.vod_remarks]}</b></span>
  58. </a>
  59. <div class="stui-vodlist__detail">
  60. <h4 class="title text-overflow"><a :href="'{{ctx.path}}?vod_id='+item.vod_id+'&vod_name='+item.vod_name+'&tid='+tid" :title="item.vod_name">{[item.vod_name]}</a></h4>
  61. <p class="text text-overflow text-muted hidden-xs">{[item.vod_content]}</p>
  62. </div>
  63. </div>
  64. </li>
  65. </ul>
  66. </div>
  67. <!--vue组件-底部分页-->
  68. <stu-pager :ctx="ctx" :pg="pg" :pagecount="sitems.pagecount"></stu-pager>
  69. </div>
  70. </div>
  71. </div>
  72. <!-- <div class="stui-page__all">-->
  73. <!-- <a class="left" href="https://www.5imv.cc/vodtype/film-1/"><i class="iconfont icon-back"></i></a>-->
  74. <!-- <a class="right" href="https://www.5imv.cc/vodtype/film-2/"><i class="iconfont icon-more"></i></a>-->
  75. <!-- </div>-->
  76. <!--组件调用一定要右闭合,否则后面的代码无法正常运行-->
  77. <!--vue组件-版权信息-->
  78. <copy-right path="{{ctx.path}}" web_name="{{ctx.web_name}}" ></copy-right>
  79. <!--vue组件-底部按钮-->
  80. <foot-button></foot-button>
  81. <!--vue组件-弹窗信息-->
  82. <note-popup path="{{ctx.path}}" url="{{ctx.url}}"></note-popup>
  83. </div>
  84. <!--vue结束-->
  85. <script>
  86. const { createApp,reactive, toRefs, ref,getCurrentInstance,onBeforeMount, onMounted,onBeforeUpdate,onUpdated,onBeforeUnmount, onUnmounted, watch,computed } = Vue;
  87. const app = createApp({
  88. delimiters: ['{[', ']}'],//delimiters:改变默认的插值符号
  89. props: {},
  90. setup(props, context) {
  91. onMounted(()=> {
  92. console.log('---onMounted---');
  93. axios.get(`/vod?pwd=${pwd}&rule=${web_name}&t=${tid}&pg=${pg}&ac=videolist&f=${fl}`).then((resp) => {
  94. console.log(resp.data);
  95. sitems.value = resp.data;
  96. // 存浏览器session里,然后其它页面好获取出来
  97. // sessionStorage.setItem('details',JSON.stringify(resp.data));
  98. // console.log(typeof(stui.images.lazyload));
  99. setTimeout(function (){
  100. stui.images.lazyload();
  101. stui.images.carousel();
  102. },300);
  103. });
  104. });
  105. onBeforeUnmount(()=>{
  106. //销毁页面组件前, 即关闭
  107. console.log("*******onBeforeUnmount******")
  108. });
  109. onUnmounted(()=>{
  110. //销毁后
  111. console.log("*******onUnmounted******")
  112. });
  113. console.log('---setup---');
  114. //获取当前实例
  115. // const {self, proxy} = getCurrentInstance();
  116. const web_name = '{{ctx.web_name}}';
  117. const pwd = '{{ctx.pwd}}';
  118. const tid = '{{ctx.tid}}';
  119. const tname = '{{ctx.tname}}';
  120. const item = ref({
  121. type_id:tid,
  122. type_name:tname,
  123. });
  124. const pg = '{{ctx.pg}}';
  125. const vod_id = '{{ctx.vod_id}}';
  126. const vod_name = '{{ctx.vod_name}}';
  127. const fl = '{{ctx.fl}}';
  128. // console.log(web_name);
  129. const ctx_str = "ctxObj={{ctx|safe}}";
  130. eval(ctx_str);
  131. // console.log(ctxObj)
  132. const ctx = ref(ctxObj);
  133. // 图片不加载问题???
  134. const items = ref({
  135. class:[],
  136. list:[],
  137. });
  138. const sitems = ref({
  139. list:[],
  140. });
  141. const hotsuggs = ref({
  142. data:[]
  143. });
  144. const is_home = ref(false);
  145. try {
  146. items.value = JSON.parse(sessionStorage.getItem('items'))||items.value;
  147. hotsuggs.value = JSON.parse(sessionStorage.getItem('hotsuggs'))||hotsuggs.value;
  148. }catch (e) {}
  149. return {
  150. ctx,
  151. items,
  152. item,
  153. hotsuggs,
  154. web_name,
  155. sitems,
  156. tid,
  157. tname,
  158. pg,
  159. vod_id,
  160. vod_name,
  161. is_home,
  162. }
  163. },
  164. });
  165. // 默认请求的基础url(如果axios请求的地址不带域名,自动添加baseURL)(默认请求域名,/当前域名)
  166. axios.defaults.baseURL = "/";
  167. // 设置post请求头的content-Type值
  168. // axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
  169. axios.defaults.headers.post['Content-Type'] = 'application/json';
  170. // 请求超时5000毫秒
  171. axios.defaults.timeout = 5000;
  172. app.config.globalProperties.$http = axios;
  173. console.log('---这里最先执行---');
  174. app.component('copy-right', copyRightComponent);
  175. app.component('foot-button', footButtonComponent);
  176. app.component('note-popup', notePopup);
  177. app.component('stu-header', stuHeaderComponent);
  178. app.component('stu-filter', stuFilterComponent);
  179. app.component('stu-pager', StuPagerComponent);
  180. app.mount('#app');
  181. eruda.init();
  182. </script>
  183. <!--<script src='https://pc.stgowan.com/pc/rich-tf.js' id="richid" data='s=7214'></script>-->
  184. <!--<script charset="UTF-8" id="LA_COLLECT" src="https://sdk.51.la/js-sdk-pro.min.js"></script>-->
  185. <!--<script>LA.init({id:"JYQUFCtAOBTUMsNQ",ck:"JYQUFCtAOBTUMsNQ"})</script>-->
  186. <script type="text/javascript" src="/web/cms/mxpro/js/stui_default.js "></script>
  187. <!--弹窗样式和自动弹窗方法-->
  188. <link rel="stylesheet" href="/web/cms/mxpro/css/notice.css" type="text/css">
  189. <script type="text/javascript" src="/web/cms/mxpro/js/mxhtml.js"></script>
  190. <script type="text/javascript">
  191. $(".open-screen").click(function(){
  192. var display = $('#screenbox').css('display');
  193. if(display == 'block'){
  194. $("#screenbox").slideUp("slow");
  195. $(this).html('展开 <i class="iconfont icon-moreunfold"></i>')
  196. }else{
  197. $("#screenbox").slideDown("slow");
  198. $(this).html('收起 <i class="iconfont icon-less"></i>')
  199. }
  200. });
  201. $(".stui_header__user li a").click(function(){
  202. $(this).parent().find(".dropdown").toggle();
  203. });
  204. function notnull() {
  205. if (window.document.search.wd.value=="") {
  206. alert("您未输入任何信息!");
  207. return false;
  208. }else {
  209. return true;
  210. }
  211. }
  212. $(function(){
  213. $(window).scroll(function() {
  214. if($(window).scrollTop() >= 100){
  215. $('.ant-back-top').fadeIn(300);
  216. }else{
  217. $('.ant-back-top').fadeOut(300);
  218. }
  219. });
  220. $('.ant-back-top').click(function(){
  221. $('html,body').animate({scrollTop: '0px'}, 800);});
  222. });
  223. </script>
  224. </body>
  225. </html>