xaay/dr_py
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

组件页面bug修复

Browse Source
This commit is contained in:
晚风拂柳颜 2023-05-11 11:12:30 +08:00
parent 437b64698b
commit 023ba362e6
10 changed files with 187 additions and 189 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
controllers/web.py
View File

@ -57,6 +57,7 @@ def web_index(web_name, theme):
ctx['pg'] = pg ctx['pg'] = pg
ctx['tid'] = tid ctx['tid'] = tid
ctx['tname'] = tname ctx['tname'] = tname
print('tid:',tid)
try: try:
if vod_id and vod_name: if vod_id and vod_name:

2
js/version.txt
View File

@ -1 +1 @@
3.9.41beta20 3.9.41beta21

2
static/css/admin.css
View File

@ -491,7 +491,7 @@ a {
font-weight: bold; font-weight: bold;
font-size: 1rem; font-size: 1rem;
width: 290px; width: 290px;
height: 26; height: 26px;
border-radius: 25px; border-radius: 25px;
color: #eeeff9; color: #eeeff9;
background-color: rgb(71, 143, 250); background-color: rgb(71, 143, 250);

10
templates/admin.html
View File

@ -195,6 +195,16 @@
$('#lives').click(function () { $('#lives').click(function () {
location.href = '/admin/lives' location.href = '/admin/lives'
}); });
$("summary").click(function() {
// console.log('summary被点击');
const details = $('details');
if(details.attr("open")){
$(this).text('数据列表已隐藏 点击展开详情');
}else{
$(this).text('数据列表已展开 点击隐藏详情');
}
details.click();
});
}); });
function getFileSize(fileObj) { function getFileSize(fileObj) {

28
templates/cms/mxpro/categoryContent.html
View File

@ -2,6 +2,7 @@
<html> <html>
<head> <head>
<title>{{ctx.tname}} - {{ctx.web_name}}</title> <title>{{ctx.tname}} - {{ctx.web_name}}</title>
<meta name="referrer" content="no-referrer" />
<meta name="keywords" content="电影,电影大全,电影天堂,最新电影,好看的电影,电影排行榜" /> <meta name="keywords" content="电影,电影大全,电影天堂,最新电影,好看的电影,电影排行榜" />
<meta name="description" content="为您提供更新电影、好看的电影排行榜及电影迅雷下载，免费在线观看伦理电影、动作片、喜剧片、爱情片、搞笑片等全新电影。" /> <meta name="description" content="为您提供更新电影、好看的电影排行榜及电影迅雷下载，免费在线观看伦理电影、动作片、喜剧片、爱情片、搞笑片等全新电影。" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
@ -23,6 +24,7 @@
<script src="/static/js/eruda.js"></script> <script src="/static/js/eruda.js"></script>
<script src="/web/cms/mxpro/js/commonUI.js"></script> <script src="/web/cms/mxpro/js/commonUI.js"></script>
<link rel="stylesheet" href="/web/cms/mxpro/css/commonUI.css" type="text/css"/>
<script>var maccms={"path":"","mid":"1","url":"5imv.cc","wapurl":"www.5imv.cc","mob_status":"2"};</script> <script>var maccms={"path":"","mid":"1","url":"5imv.cc","wapurl":"www.5imv.cc","mob_status":"2"};</script>
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="/web/cms/mxpro/js/html5shiv.min.js"></script> <script src="/web/cms/mxpro/js/html5shiv.min.js"></script>
@ -36,7 +38,7 @@
<div class="stui-pannel"> <div class="stui-pannel">
<div class="stui-pannel__hd"> <div class="stui-pannel__hd">
<!--vue组件-头部导航--> <!--vue组件-头部导航-->
<stu-header :ctx="ctx" :items="items" :hotsuggs="hotsuggs" :tid="tid" :isHome="isHome"></stu-header> <stu-header :ctx="ctx" :items="items" :hotsuggs="hotsuggs" :tid="tid" :is_home="is_home"></stu-header>
</div> </div>
<div class="stui-pannel__bd clearfix"> <div class="stui-pannel__bd clearfix">
@ -56,13 +58,13 @@
<ul class="stui-vodlist clearfix"> <ul class="stui-vodlist clearfix">
<li v-for="item in sitems.list"> <li v-for="item in sitems.list">
<div class="stui-vodlist__box"> <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"> <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">
<span class="play hidden-xs"></span> <span class="play hidden-xs"></span>
<span class="pic-text1 text-right"><b>{[item.type_name]}</b></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> <span class="pic-text text-right"><b>{[item.vod_remarks]}</b></span>
</a> </a>
<div class="stui-vodlist__detail"> <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> <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>
<p class="text text-overflow text-muted hidden-xs">{[item.vod_content]}</p> <p class="text text-overflow text-muted hidden-xs">{[item.vod_content]}</p>
</div> </div>
</div> </div>
@ -178,15 +180,15 @@ const app = createApp({
}); });
const now_pages = computed(() => { const now_pages = computed(() => {
console.log('计算now_pages：',(Number(pg)+10)); // console.log('计算now_pages：',(Number(pg)+10));
let start = (Number(pg)-5)>0?(Number(pg)-5):1; let start = (Number(pg)-5)>0?(Number(pg)-5):1;
let end = (Number(pg)+5) > start+5?start+5:(Number(pg)+5); let end = (Number(pg)+5) > start+10?start+10:(Number(pg)+5);
let rangeArr = Array.from({ length: end - start + 1 }, (_, i) => start + i); let rangeArr = Array.from({ length: end - start + 1 }, (_, i) => start + i);
console.log(rangeArr); // console.log(rangeArr);
return rangeArr return rangeArr
}); });
const isHome = ref(false); const is_home = ref(false);
try { try {
items.value = JSON.parse(sessionStorage.getItem('items'))||items.value; items.value = JSON.parse(sessionStorage.getItem('items'))||items.value;
@ -208,7 +210,7 @@ const app = createApp({
next_page:next_page, next_page:next_page,
vod_id:vod_id, vod_id:vod_id,
vod_name:vod_name, vod_name:vod_name,
isHome:isHome, is_home:is_home,
} }
}, },
}); });
@ -221,11 +223,11 @@ axios.defaults.headers.post['Content-Type'] = 'application/json';
axios.defaults.timeout = 5000; axios.defaults.timeout = 5000;
app.config.globalProperties.$http = axios; app.config.globalProperties.$http = axios;
console.log('---这里最先执行---'); console.log('---这里最先执行---');
app.component('copy-right', copyrightComponent); app.component('copy-right', copyRightComponent);
app.component('foot-button', footbuttonComponent); app.component('foot-button', footButtonComponent);
app.component('note-popup', notepopupComponent); app.component('note-popup', notePopup);
app.component('stu-header', stuheaderComponent); app.component('stu-header', stuHeaderComponent);
app.component('stu-filter', stufilterComponent); app.component('stu-filter', stuFilterComponent);
app.mount('#app'); app.mount('#app');
eruda.init(); eruda.init();

3
templates/cms/mxpro/css/commonUI.css Normal file
View File

@ -0,0 +1,3 @@
a.links{
margin-right: 5px;
}

17
templates/cms/mxpro/detailContent.html
View File

@ -2,6 +2,7 @@
<html> <html>
<head> <head>
<title>{{ctx.vod_name}}详情介绍-{{ctx.vod_name}}在线观看-{{ctx.vod_name}}迅雷下载 - {{ctx.web_name}}</title> <title>{{ctx.vod_name}}详情介绍-{{ctx.vod_name}}在线观看-{{ctx.vod_name}}迅雷下载 - {{ctx.web_name}}</title>
<meta name="referrer" content="no-referrer" />
<meta name="keywords" content="{{ctx.vod_name}}在线收看,{{ctx.vod_name}}迅雷下载" /> <meta name="keywords" content="{{ctx.vod_name}}在线收看,{{ctx.vod_name}}迅雷下载" />
<meta name="description" content="{{ctx.vod_name}}剧情:" /> <meta name="description" content="{{ctx.vod_name}}剧情:" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
@ -22,6 +23,7 @@
<script src="/static/js/eruda.js"></script> <script src="/static/js/eruda.js"></script>
<script src="/web/cms/mxpro/js/commonUI.js"></script> <script src="/web/cms/mxpro/js/commonUI.js"></script>
<link rel="stylesheet" href="/web/cms/mxpro/css/commonUI.css" type="text/css" />
<script>var maccms={"path":"","mid":"1","url":"5imv.cc","wapurl":"www.5imv.cc","mob_status":"2"};</script> <script>var maccms={"path":"","mid":"1","url":"5imv.cc","wapurl":"www.5imv.cc","mob_status":"2"};</script>
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="/web/cms/mxpro/js/html5shiv.min.js"></script> <script src="/web/cms/mxpro/js/html5shiv.min.js"></script>
@ -32,7 +34,7 @@
<body> <body>
<div id="app"> <div id="app">
<!--vue组件-头部导航--> <!--vue组件-头部导航-->
<stu-header :ctx="ctx" :items="items" :hotsuggs="hotsuggs"></stu-header> <stu-header :ctx="ctx" :items="items" :hotsuggs="hotsuggs" :is_home="is_home" :tid="tid"></stu-header>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@ -164,6 +166,7 @@ const app = createApp({
const {self, proxy} = getCurrentInstance(); const {self, proxy} = getCurrentInstance();
const web_name = '{{ctx.web_name}}'; const web_name = '{{ctx.web_name}}';
const pwd = '{{ctx.pwd}}'; const pwd = '{{ctx.pwd}}';
const tid = '{{ctx.tid}}';
const vod_id = '{{ctx.vod_id}}'; const vod_id = '{{ctx.vod_id}}';
const vod_name = '{{ctx.vod_name}}'; const vod_name = '{{ctx.vod_name}}';
console.log(web_name); console.log(web_name);
@ -220,7 +223,7 @@ const app = createApp({
console.log('fast_play'); console.log('fast_play');
return vod_urls.value&&vod_urls.value.length>0?vod_urls.value[0][0].url:''; return vod_urls.value&&vod_urls.value.length>0?vod_urls.value[0][0].url:'';
}); });
const is_home = ref(true);
try { try {
items.value = JSON.parse(sessionStorage.getItem('items'))||items.value; items.value = JSON.parse(sessionStorage.getItem('items'))||items.value;
hotsuggs.value = JSON.parse(sessionStorage.getItem('hotsuggs'))||hotsuggs.value; hotsuggs.value = JSON.parse(sessionStorage.getItem('hotsuggs'))||hotsuggs.value;
@ -228,8 +231,10 @@ const app = createApp({
return { return {
ctx:ctx, ctx:ctx,
items:items, items:items,
is_home:is_home,
hotsuggs:hotsuggs, hotsuggs:hotsuggs,
web_name:web_name, web_name:web_name,
tid:tid,
vod_id:vod_id, vod_id:vod_id,
vod_name:vod_name, vod_name:vod_name,
details:details, details:details,
@ -250,10 +255,10 @@ axios.defaults.headers.post['Content-Type'] = 'application/json';
axios.defaults.timeout = 5000; axios.defaults.timeout = 5000;
app.config.globalProperties.$http = axios; app.config.globalProperties.$http = axios;
console.log('---这里最先执行---'); console.log('---这里最先执行---');
app.component('copy-right', copyrightComponent); app.component('copy-right', copyRightComponent);
app.component('foot-button', footbuttonComponent); app.component('foot-button', footButtonComponent);
app.component('note-popup', notepopupComponent); app.component('note-popup', notePopup);
app.component('stu-header', stuheaderComponent); app.component('stu-header', stuHeaderComponent);
app.mount('#app'); app.mount('#app');
eruda.init(); eruda.init();

163
templates/cms/mxpro/homeContent.html
View File

File diff suppressed because one or more lines are too long

134
templates/cms/mxpro/js/commonUI.js
View File

@ -1,4 +1,4 @@
const copyrightComponent = { const copyRightComponent = {
template:` template:`
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@ -27,8 +27,8 @@ const copyrightComponent = {
</div> </div>
`, `,
setup(props, context) { setup(props, context) {
console.log('copyright组件加载完毕'); console.log('copyRight组件加载完毕');
console.log(props); // console.log(props);
}, },
props:{ props:{
path:'', path:'',
@ -37,7 +37,7 @@ const copyrightComponent = {
delimiters: ['{[', ']}'],//delimiters：改变默认的插值符号 delimiters: ['{[', ']}'],//delimiters：改变默认的插值符号
}; };
const footbuttonComponent = { const footButtonComponent = {
template: ` template: `
<div class="fixed_right_bar"> <div class="fixed_right_bar">
<div style="margin-top:3px;cursor: pointer;" class="copylink" > <div style="margin-top:3px;cursor: pointer;" class="copylink" >
@ -54,14 +54,14 @@ const footbuttonComponent = {
</div> </div>
`, `,
setup(props, context) { setup(props, context) {
console.log('footbutton组件加载完毕'); console.log('footButton组件加载完毕');
// console.log(props); // console.log(props);
}, },
props:{}, //配置需要传入的属性 props:{}, //配置需要传入的属性
delimiters: ['{[', ']}'],//delimiters：改变默认的插值符号 delimiters: ['{[', ']}'],//delimiters：改变默认的插值符号
}; };
const notepopupComponent = { const notePopup = {
template: ` template: `
<div class="hide"></div> <div class="hide"></div>
<div class="popup" id="note" style="display: none;"> <div class="popup" id="note" style="display: none;">
@ -79,8 +79,8 @@ const notepopupComponent = {
<div class="popup-footer"><span class="popup-btn" onclick="closeclick()">我记住啦</span></div> <div class="popup-footer"><span class="popup-btn" onclick="closeclick()">我记住啦</span></div>
</div>`, </div>`,
setup(props, context) { setup(props, context) {
console.log('note-popup组件加载完毕'); console.log('notePopup组件加载完毕');
console.log(props); // console.log(props);
}, },
props:{ props:{
path:'', path:'',
@ -89,7 +89,7 @@ const notepopupComponent = {
delimiters: ['{[', ']}'],//delimiters：改变默认的插值符号 delimiters: ['{[', ']}'],//delimiters：改变默认的插值符号
}; };
const stuheaderComponent = { const stuHeaderComponent = {
template: ` template: `
<header class="stui-header clearfix"> <header class="stui-header clearfix">
<div class="container"> <div class="container">
@ -114,7 +114,7 @@ const stuheaderComponent = {
<li> <li>
<a href="javascript:;"><i class="iconfont icon-viewgallery"></i></a> <a href="javascript:;"><i class="iconfont icon-viewgallery"></i></a>
<ul class="dropdown type clearfix"> <ul class="dropdown type clearfix">
<li :class="{ active: !!isHome }"><a :href="ctx.path">首页</a></li> <li :class="{ active: !!is_home && !tid }"><a :href="ctx.path">首页</a></li>
<li v-for="item in items.class" :class="{ active: tid == item.type_id }"> <li v-for="item in items.class" :class="{ active: tid == item.type_id }">
<a :href="ctx.path+'?tid='+item.type_id+'&tname='+item.type_name">{[item.type_name]}</a> <a :href="ctx.path+'?tid='+item.type_id+'&tname='+item.type_name">{[item.type_name]}</a>
</li> </li>
@ -144,7 +144,7 @@ const stuheaderComponent = {
<a class="logo" :href="ctx.path"></a> <a class="logo" :href="ctx.path"></a>
</div> </div>
<ul class="stui-header__menu"> <ul class="stui-header__menu">
<li :class="{ active: !!isHome }"><a :href="ctx.path">首页</a></li> <li :class="{ active: !!is_home }"><a :href="ctx.path">首页</a></li>
<li v-for="item in items.class" :class="{ active: tid == item.type_id }"> <li v-for="item in items.class" :class="{ active: tid == item.type_id }">
<a :href="ctx.path+'?tid='+item.type_id+'&tname='+item.type_name">{[item.type_name]}</a> <a :href="ctx.path+'?tid='+item.type_id+'&tname='+item.type_name">{[item.type_name]}</a>
</li> </li>
@ -156,20 +156,57 @@ const stuheaderComponent = {
`, `,
setup(props, context) { setup(props, context) {
console.log('stuheader组件加载完毕'); console.log('stuHeader组件加载完毕');
console.log(props); // console.log(props);
}, },
props:{ props:{
ctx:{}, ctx:{},
items:{class:[],list:[]}, items:{class:[],list:[]},
hotsuggs:{data:[]}, hotsuggs:{data:[]},
tid:String, tid:String,
isHome:Boolean, is_home:Boolean,
}, //配置需要传入的属性 }, //配置需要传入的属性
delimiters: ['{[', ']}'],//delimiters：改变默认的插值符号 delimiters: ['{[', ']}'],//delimiters：改变默认的插值符号
}; };
const stubannerComponent = { const stuCategoryComponent = {
template: `
<v v-for="item in items.class">
<div class="stui-vodlist__head">
<a class="pull-right" :href="ctx.path+'?tid='+item.type_id+'&tname='+item.type_name">更多 <i class="iconfont icon-more"></i></a>
<p>
</p>
<h3><a :href="ctx.path+'?tid='+item.type_id+'&tname='+item.type_name"><i class="iconfont icon-all"></i> {[item.type_name]}</a></h3>
</div>
<ul class="stui-vodlist clearfix">
<li style="display: none">
<div class="stui-vodlist__box">
<a class="stui-vodlist__thumb lazyload" href="/v/107952/" title="侠盗之簪花乱" data-original="">
<span class="play hidden-xs"></span>
<span class="pic-text1 text-right"><b>电影</b></span>
<span class="pic-text text-right"><b>HD国语</b></span>
</a>
<div class="stui-vodlist__detail">
<h4 class="title text-overflow"><a href="/v/107952/" title="侠盗之簪花乱">侠盗之簪花乱</a></h4>
<p class="text text-overflow text-muted hidden-xs">冯建宇林妍柔</p>
</div>
</div>
</li>
</ul>
</v>
`,
setup(props, context) {
console.log('stuCategory组件加载完毕');
// console.log(props);
},
props:{
ctx:{},
items:{class:[],list:[]},
}, //配置需要传入的属性
delimiters: ['{[', ']}'],//delimiters：改变默认的插值符号
};
const stuBannerComponent = {
template:` template:`
<div class="stui-pannel__bd"> <div class="stui-pannel__bd">
<div class="carousel carousel_default flickity-page"> <div class="carousel carousel_default flickity-page">
@ -194,8 +231,8 @@ const stubannerComponent = {
`, `,
setup(props, context) { setup(props, context) {
console.log('stubanner组件加载完毕'); console.log('stuBanner组件加载完毕');
console.log(props); // console.log(props);
}, },
props:{ props:{
ctx:{}, ctx:{},
@ -203,9 +240,9 @@ const stubannerComponent = {
hotsuggs:{data:[]}, hotsuggs:{data:[]},
}, //配置需要传入的属性 }, //配置需要传入的属性
delimiters: ['{[', ']}'],//delimiters：改变默认的插值符号 delimiters: ['{[', ']}'],//delimiters：改变默认的插值符号
} };
const stufilterComponent = { const stuFilterComponent = {
template:` template:`
<div class="item" id="screenbox" style="display: none;"> <div class="item" id="screenbox" style="display: none;">
<!-- 筛选 --> <!-- 筛选 -->
@ -223,15 +260,15 @@ const stufilterComponent = {
</div> </div>
`, `,
setup(props, context) { setup(props, context) {
console.log('stufilter组件加载完毕'); console.log('stuFilter组件加载完毕');
// console.log(props); // console.log(props);
const items = props.items; const items = props.items;
const tid = props.tid; const tid = props.tid;
const now_filters = computed(() => { const now_filters = computed(() => {
console.log('计算now_filters'); // console.log('计算now_filters');
// items.value.class.find(it=>it.type_id===tid); // items.value.class.find(it=>it.type_id===tid);
let now_filters = items&&items.filters? items.filters[tid]:[]; let now_filters = items&&items.filters? items.filters[tid]:[];
console.log(now_filters); // console.log(now_filters);
return now_filters return now_filters
}); });
return { return {
@ -246,11 +283,52 @@ const stufilterComponent = {
item:{}, item:{},
}, //配置需要传入的属性 }, //配置需要传入的属性
delimiters: ['{[', ']}'],//delimiters：改变默认的插值符号 delimiters: ['{[', ']}'],//delimiters：改变默认的插值符号
} };
const stuTopicComponent = {
template:`
<div class="stui-vodlist__head">
<h3><a :href="link"><i class="iconfont icon-all"></i> 最新专题</a></h3>
</div>
<ul class="stui-vodlist clearfix">
</ul>
`,
setup(props, context) {
console.log('stuTopic组件加载完毕');
// console.log(props);
},
props:{
link:'',
}, //配置需要传入的属性
delimiters: ['{[', ']}'],//delimiters：改变默认的插值符号
};
const stuLinksComponent = {
template:`
<ul class="stui-link__text clearfix">
<li><span>友情链接：</span>
<a v-for='link in links' :href="link.url" class="links" target="_blank">{[link.name]}</a>
</li>
</ul>
`,
setup(props, context) {
console.log('stuLinks组件加载完毕');
// console.log(props);
},
props:{
links:[],
}, //配置需要传入的属性
delimiters: ['{[', ']}'],//delimiters：改变默认的插值符号
};
//下面的注册组件方法无法使用,需要在app里去注册 //下面的注册组件方法无法使用,需要在app里去注册
// Vue.component('copy-right', copyrightComponent); // Vue.component('copy-right', copyRightComponent);
// Vue.component('foot-button', footbuttonComponent); // Vue.component('foot-button', footButtonComponent);
// Vue.component('note-popup', notepopupComponent); // Vue.component('note-popup', notePopup);
// Vue.component('stu-header', stuheaderComponent); // Vue.component('stu-header', stuHeaderComponent);
// Vue.component('stu-banner', stubannerComponent); // Vue.component('stu-banner', stuBannerComponent);
/*注意事项
封装组件过程中传递属性名称一定不能含有大写,比如isHome会被强制识别为is-home，所以应该传递为is_home
*/

14
templates/cms/mxpro/searchContent.html
View File

File diff suppressed because one or more lines are too long