letian/N3RD
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
N3RD/JN/EXT/JS/searchContent.html

288 lines
28 KiB
HTML
Raw Normal View History

0712
2023-07-12 21:50:31 +08:00
<!DOCTYPE html>
<html>
<head>
<title>{{ctx.wd}}搜索结果 - {{ctx.web_name}}</title>
<meta name="keywords" content="{{ctx.wd}}搜索结果" />
<meta name="description" content="{{ctx.wd}}搜索结果" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="shortcut icon" href="/static/img/favicon.svg" type="image/x-icon" />
<link rel="stylesheet" href="/web/cms/mxpro/css/iconfont.css" type="text/css" />
<link rel="stylesheet" href="/web/cms/mxpro/css/stui_default.css" type="text/css" />
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.min.js "></script>
<script type="text/javascript" src="/static/js/jquery.lazyload.min.js "></script>
<script type="text/javascript" src="/web/cms/mxpro/js/index.js"></script>
<script type="text/javascript" src="/web/cms/mxpro/js/home.js"></script>
<script src="/static/js/vue3.js"></script>
<script src="/static/js/axios.min.js"></script>
<script src="/static/js/eruda.js"></script>
<script src="/web/cms/mxpro/js/commonUI.js"></script>
<script>var maccms={"path":"","mid":"1","url":"5imv.cc","wapurl":"www.5imv.cc","mob_status":"2"};</script>
<!--[if lt IE 9]>
<script src="/web/cms/mxpro/js/html5shiv.min.js"></script>
<script src="/web/cms/mxpro/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="app">
<div class="container">
<div class="row">
<div class="stui-pannel">
<div class="stui-pannel__hd">
<!--vue组件-头部导航-->
<stu-header :ctx="ctx" :items="items" :hotsuggs="hotsuggs"></stu-header>
</div>
<div class="stui-pannel__bd clearfix">
<div class="stui-screen">
<div class="head clearfix">
<span class="text">
与“{{ctx.wd}}”相关的影片
</span>
</div>
</div>
<ul class="stui-vodlist clearfix">
<li class="col-md-6 col-sm-4 col-xs-3" v-for="item in sitems.list">
<a :href="'{{ctx.path}}?tid='+item.type_id">{[item.type_name]}</a>
<div class="stui-vodlist__box">
<a class="stui-vodlist__thumb lazyload" :href="'{{ctx.path}}?vod_id='+item.vod_id+'&vod_name='+item.vod_name" :title="item.vod_name" :data-original="item.vod_pic">
<span class="play hidden-xs"></span>
<span class="pic-text1 text-right"><b>{[item.type_name]}</b></span>
<span class="pic-text text-right"><b>{[item.vod_remarks]}</b></span>
</a>
<div class="stui-vodlist__detail">
<h4 class="title text-overflow"><a :href="'{{ctx.path}}?vod_id='+item.vod_id+'&vod_name='+item.vod_name" :title="item.vod_name">{[item.vod_name]}</a></h4>
<p class="text text-overflow text-muted hidden-xs">{[item.vod_content]}</p>
</div>
</div>
</li>
</ul>
</div>
<div class="stui-pannel__ft">
<ul class="stui-page__item text-center clearfix">
<li><a href="{{ctx.path}}?wd={{ctx.wd}}&pg=1">首页</a></li>
<li><a :href="'{{ctx.path}}?wd={{ctx.wd}}&pg='+last_page">上一页</a></li>
<span v-for="n in 10">{{ n }}</span>
<li class="hidden-xs" :class="{ active: n == {{ctx.pg}} }" v-for="n in 5">
<a :href="'{{ctx.path}}?wd={{ctx.wd}}&pg='+n">{[n]}</a>
</li>
<li class="active num"><a>{[pg]}/5</a></li>
<li><a :href="'{{ctx.path}}?wd={{ctx.wd}}&pg='+next_page">下一页</a></li>
<li><a href="{{ctx.path}}?wd={{ctx.wd}}&pg=5">尾页</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- <div class="stui-page__all">-->
<!-- <a class="left" href="https://www.5imv.cc/vodsearch/page/1/wd/%E6%96%97%E7%BD%97%E5%A4%A7%E9%99%86/"><i class="iconfont icon-back"></i></a>-->
<!-- <a class="right" href="https://www.5imv.cc/vodsearch/page/2/wd/%E6%96%97%E7%BD%97%E5%A4%A7%E9%99%86/"><i class="iconfont icon-more"></i></a>-->
<!-- </div>-->
<!--组件调用一定要右闭合,否则后面的代码无法正常运行-->
<!--vue组件-版权信息-->
<copy-right path="{{ctx.path}}" web_name="{{ctx.web_name}}" ></copy-right>
<!--vue组件-底部按钮-->
<foot-button></foot-button>
<!--vue组件-弹窗信息-->
<note-popup path="{{ctx.path}}" url="{{ctx.url}}"></note-popup>
</div>
<!--vue结束-->
<script>
const { createApp,reactive, toRefs, ref,getCurrentInstance,onBeforeMount, onMounted,onBeforeUpdate,onUpdated,onBeforeUnmount, onUnmounted, watch,computed } = Vue;
const app = createApp({
delimiters: ['{[', ']}'],//delimiters：改变默认的插值符号
props: {},
setup(props, context) {
onMounted(()=> {
console.log('---onMounted---');
axios.get(`/vod?pwd=${pwd}&rule=${web_name}&wd=${wd}&pg=${pg}`).then((resp) => {
console.log(resp.data);
sitems.value = resp.data;
// 存浏览器session里，然后其它页面好获取出来
// sessionStorage.setItem('details',JSON.stringify(resp.data));
// console.log(typeof(stui.images.lazyload));
setTimeout(function (){
stui.images.lazyload();
stui.images.carousel();
},300);
});
});
onBeforeUnmount(()=>{
//销毁页面组件前， 即关闭
console.log("*******onBeforeUnmount******")
});
onUnmounted(()=>{
//销毁后
console.log("*******onUnmounted******")
});
console.log('---setup---');
//获取当前实例
// const {ctx, proxy} = getCurrentInstance();
const web_name = '{{ctx.web_name}}';
const pwd = '{{ctx.pwd}}';
const wd = '{{ctx.wd}}';
const pg = '{{ctx.pg}}';
const last_page = ref(Number(pg)-1>0?Number(pg)-1:1);
const next_page = ref(Number(pg)+1>0?Number(pg)+1:1);
const vod_id = '{{ctx.vod_id}}';
const vod_name = '{{ctx.vod_name}}';
console.log(web_name);
const ctx_str = "ctxObj={{ctx|safe}}";
eval(ctx_str);
// console.log(ctxObj)
const ctx = ref(ctxObj);
// 图片不加载问题???
// const items = ref({"class":[{"type_id":"1","type_name":"电影"},{"type_id":"2","type_name":"电视剧"},{"type_id":"3","type_name":"综艺"},{"type_id":"4","type_name":"动漫"},{"type_id":"5","type_name":"哔哩"}],"list":[{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/49064/","vod_name":"黑豹2","vod_pic":"https://img.liangzipic.com/upload/vod/20221116-1/1f450ee626545c2722b610fe747c8083.jpg","vod_remarks":"完结"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/49311/","vod_name":"满江红","vod_pic":"https://img.liangzipic.com/upload/vod/20230125-1/d483055d1f3dfc2cf1f758ab1bbee54e.jpg","vod_remarks":"完结"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/48994/","vod_name":"无名","vod_pic":"https://img.liangzipic.com/upload/vod/20230202-1/61e57ef2332e0d3a58efba85af31b8d4.jpg","vod_remarks":"完结"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/49349/","vod_name":"流浪地球2","vod_pic":"https://img.liangzipic.com/upload/vod/20230123-1/740fab8bae29be447749777b08e66b61.jpg","vod_remarks":"HD国语"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/47473/","vod_name":"毒舌律师","vod_pic":"https://img.liangzipic.com/upload/vod/20230307-1/2e9deaa0d9eac305d0ec64b8002a5801.jpg","vod_remarks":"TC国语"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/48160/","vod_name":"交换人生2023","vod_pic":"https://img.liangzipic.com/upload/vod/20230224-1/1e917fe9ac694ffcc4ce28cd46f93156.jpg","vod_remarks":"HD"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/107952/","vod_name":"侠盗之簪花乱","vod_pic":"http://img.test.com/upload/vod/20230505-1/c9f06d89004ed80002843ccc849c5777.jpg","vod_remarks":"HD国语"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/108177/","vod_name":"微不足道","vod_pic":"http://img.test.com/upload/vod/20230213-19/aa9cd71d67f141f4493a406ab5aaed2c.jpg","vod_remarks":"HD中字"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/48379/","vod_name":"少年吔，安啦！","vod_pic":"https://img.liangzipic.com/upload/vod/20230218-1/74960fc4f8b9b492ad6a1f6ab3bf608a.jpg","vod_remarks":"HD国语"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/48348/","vod_name":"大毒枭","vod_pic":"https://img.liangzipic.com/upload/vod/20230219-1/8ff8e1e37ad4b75c377e124363243e3a.jpg","vod_remarks":"HD中字"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/48287/","vod_name":"豺狼的日子","vod_pic":"https://img.liangzipic.com/upload/vod/20230221-1/19898f52b154346736b095c3f3bf846d.jpg","vod_remarks":"HD中字"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/48242/","vod_name":"相约在今生","vod_pic":"https://img.liangzipic.com/upload/vod/20230222-1/4b978ab6a451d5c904b0cedf0b2b7fe7.jpg","vod_remarks":"HD中字"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/48232/","vod_name":"圣徒指南","vod_pic":"https://img.liangzipic.com/upload/vod/20230222-1/33d73b420773bcdc0f2140b71595b448.jpg","vod_remarks":"HD中字"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/32925/","vod_name":"善意的背叛","vod_pic":"https://pic7.iqiyipic.com/image/20210915/60/44/v_153114876_m_601_m1_579_772.jpg","vod_remarks":"HD中字"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/24761/","vod_name":"纽约大逃亡","vod_pic":"https://pic5.iqiyipic.com/image/20210916/0c/e4/v_109867443_m_601_m7_579_772.jpg","vod_remarks":"HD中字"},{"no_use":{"typ
const items = ref({
class:[],
list:[],
});
const sitems = ref({
list:[]
});
const details = ref({
list:[],
});
const dinfo = ref({
vod_content:''
});
// const hotsuggs = ref({"code":200,"count":50,"data":[{"title":"漫长的季节","url":""},{"title":"你给我的喜欢","url":""},{"title":"奔跑吧 第7季","url":""},{"title":"斗破苍穹年番","url":""},{"title":"完美世界","url":""},{"title":"平凡之路","url":""},{"title":"斗罗大陆","url":""},{"title":"画江湖之不良人 第6季","url":""},{"title":"云襄传","url":""},{"title":"满江红","url":""},{"title":"遮天","url":""},{"title":"只是结婚的关系","url":""},{"title":"哈哈哈哈哈 第3季","url":""},{"title":"星辰变 第5季","url":""},{"title":"吞噬星空","url":""},{"title":"极限挑战 第9季","url":""},{"title":"月升沧海","url":""},{"title":"听说你喜欢我","url":""},{"title":"雪中悍刀行","url":""},{"title":"无间","url":""},{"title":"小猪佩奇第9季","url":""},{"title":"流浪地球2","url":""},{"title":"迪迦奥特曼 普通话版","url":""},{"title":"宝贝赳赳 第五季","url":""},{"title":"天赐的声音 第4季","url":""},{"title":"银河护卫队","url":""},{"title":"一人之下 第5季","url":""},{"title":"我们的婚姻","url":""},{"title":"全职法师 第6季","url":""},{"title":"汪汪队立大功第八季","url":""},{"title":"青春环游记 第4季","url":""},{"title":"欢乐颂4","url":""},{"title":"新三国","url":""},{"title":"扫黑风暴","url":""},{"title":"黑豹2","url":""},{"title":"《人生路不熟》主创漫谈","url":""},{"title":"爱情而已","url":""},{"title":"长月烬明","url":""},{"title":"王牌对王牌 第8季","url":""},{"title":"你是我的荣耀","url":""},{"title":"大话西游之大圣娶亲·加长纪念版","url":""},{"title":"陈情令","url":""},{"title":"熊出没之冬日乐翻天","url":""},{"title":"新僵尸先生","url":""},{"title":"沸腾人生","url":""},{"title":"银河护卫队2","url":""},{"title":"那年花开月正圆","url":""},{"title":"名侦探柯南 普通话版","url":""},{"title":"云顶天宫","url":""},{"title":"欢乐颂","url":""}],"msg":"获取成功"});
const hotsuggs = ref({
data:[]
});
const vod_desc = computed(() => {
console.log('计算vod_desc');
return dinfo.value.vod_content?dinfo.value.vod_content.slice(0,100)+'...':'';
});
const vod_tabs = computed(() => {
console.log('计算vod_tabs');
return dinfo.value.vod_play_from?dinfo.value.vod_play_from.split('$$$'):[];
});
const vod_urls = computed(() => {
console.log('计算vod_urls');
let urls = [];
if(dinfo.value.vod_play_url){
let tab_urls = dinfo.value.vod_play_url.split('$$$');
tab_urls.forEach(((tab_url,index)=>{
let vurls = tab_url.split('#').map(it=>{return {name:it.split('$')[0],url:it.split('$')[1]}});
urls.push(vurls);
}));
}
console.log(urls);
return urls
});
const fast_play = computed(() => {
console.log('fast_play');
return vod_urls.value&&vod_urls.value.length>0?vod_urls.value[0][0].url:'';
});
try {
items.value = JSON.parse(sessionStorage.getItem('items'))||items.value;
hotsuggs.value = JSON.parse(sessionStorage.getItem('hotsuggs'))||hotsuggs.value;
}catch (e) {}
return {
ctx:ctx,
items:items,
hotsuggs:hotsuggs,
web_name:web_name,
sitems:sitems,
wd:wd,
pg:pg,
last_page:last_page,
next_page:next_page,
vod_id:vod_id,
vod_name:vod_name,
details:details,
dinfo:dinfo,
vod_desc:vod_desc,
vod_tabs:vod_tabs,
vod_urls:vod_urls,
fast_play:fast_play,
}
},
});
// 默认请求的基础url（如果axios请求的地址不带域名，自动添加baseURL）（默认请求域名，/当前域名）
axios.defaults.baseURL = "/";
// 设置post请求头的content-Type值
// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
axios.defaults.headers.post['Content-Type'] = 'application/json';
// 请求超时5000毫秒
axios.defaults.timeout = 5000;
app.config.globalProperties.$http = axios;
console.log('---这里最先执行---');
app.component('copy-right', copyrightComponent);
app.component('foot-button', footbuttonComponent);
app.component('note-popup', notepopupComponent);
app.component('stu-header', stuheaderComponent);
app.mount('#app');
eruda.init();
</script>
<!--<script src='https://pc.stgowan.com/pc/rich-tf.js' id="richid" data='s=7214'></script>-->
<!--<script charset="UTF-8" id="LA_COLLECT" src="https://sdk.51.la/js-sdk-pro.min.js"></script>-->
<!--<script>LA.init({id:"JYQUFCtAOBTUMsNQ",ck:"JYQUFCtAOBTUMsNQ"})</script>-->
<script type="text/javascript" src="/web/cms/mxpro/js/stui_default.js "></script>
<!--弹窗样式和自动弹窗方法-->
<link rel="stylesheet" href="/web/cms/mxpro/css/notice.css" type="text/css">
<script type="text/javascript" src="/web/cms/mxpro/js/mxhtml.js"></script>
<script type="text/javascript">
$(".stui_header__user li a").click(function(){
$(this).parent().find(".dropdown").toggle();
});
function notnull() {
if (window.document.search.wd.value=="") {
alert("您未输入任何信息！");
return false;
}else {
return true;
}
}
$(function(){
$(window).scroll(function() {
if($(window).scrollTop() >= 100){
$('.ant-back-top').fadeIn(300);
}else{
$('.ant-back-top').fadeOut(300);
}
});
$('.ant-back-top').click(function(){
$('html,body').animate({scrollTop: '0px'}, 800);});
});
</script>
</body>
</html>
Reference in New Issue Copy Permalink