前端优化

This commit is contained in:
make
2025-07-06 23:30:12 +08:00
parent 76b0d5fa04
commit 7260a8f134
33 changed files with 628 additions and 416 deletions

View File

@@ -31,175 +31,6 @@
</script>
<style type="text/css">
</style>
</head>
{block name="strPageCode"}
<?php $strPageCode = 'home'; ?>
{/block}
<body class="active {block name='body-class'}{/block}" id="{block name='body-id'}{/block}">
<header class="myui-header__top clearfix top-fixed headroom--top headroom--not-bottom" id="header-top">
<div class="container">
<div class="row">
<div class="myui-header_bd clearfix">
<div class="myui-header__logo" >
<a class="logo" href="/">
{$DomainModel->d_name}
</a>
</div>
<ul class="myui-header__menu nav-menu">
{if $DomainModel->info_id > 0}
<li class="{if $strPageCode == 'info'}active{/if} visible-inline-lg">
<a class="logo" href="/">首页</a>
</li>
<li class=' {if $strPageCode == "home"}active{/if} visible-inline-lg' >
<a class="logo" href="/vindex">影视首页</a>
</li>
{else}
<li class=' {if $strPageCode == "home"}active{/if} visible-inline-lg'>
<a class="logo" href="/">首页</a>
</li>
{/if}
{video:categorytype category_type="ONE" d_key="key" d_val="val"}
<li class=" visible-inline-lg {if $val.v_category_en == $Request.route.strParentCategory}active{/if}">
<a href='{site:vciurl parent_category="$val.v_category_en" /}'>
{$val.v_category}
</a>
</li>
{/video:categorytype}
<li class=" visible-inline-lg">
<a href='{$strRankUrlTemp}'>
榜单
</a>
</li>
<li class="dropdown-hover dropdown-toggle"><a href="javascript:;">频道<i class="fa fa-angle-down"></i></a>
<div class="dropdown-box bottom fadeInDown clearfix">
<ul class="item nav-list clearfix">
<li class="col-lg-5 col-md-5 col-sm-5 col-xs-3 ">
<a class="btn btn-sm btn-block {if $Request.route.strParentCategory == ''}btn-warm{else}btn-default{/if}" href="/">首页</a>
</li>
{video:categorytype category_type="ONE" d_key="key" d_val="val"}
<li class="col-lg-5 col-md-5 col-sm-5 col-xs-3 ">
<a class="btn btn-sm btn-block {if $val.v_category_en == $Request.route.strParentCategory}btn-warm{else}btn-default{/if}"
href='{site:vciurl parent_category="$val.v_category_en" /}'>
{$val.v_category}
</a>
</li>
{/video:categorytype}
{video:categorytype category_type="ONE" d_key="key" d_val="val"}
{foreach $val.children as $intChildrenKey=>$arrChildrenCategory }
<li class="col-lg-5 col-md-5 col-sm-5 col-xs-3 ">
<a class="btn btn-sm btn-block {if $arrChildrenCategory.v_category_en == $Request.route.strCategory}btn-warm{else}btn-default{/if}"
href='{site:vclurl parent_category="$Request.route.strParentCategory" category="$arrChildrenCategory.v_category_en" area="all" lang="all" year="all" order="all" page="1"/}'>
{$arrChildrenCategory.v_category}
</a>
</li>
{/foreach}
{/video:categorytype}
</ul>
</div>
</li>
</ul>
<div class="myui-header__search search-box">
<a class="search-select dropdown-hover"
href="javascript:;">
<span class="text">视频</span>
<i class="fa fa-caret-down"></i>
<div class="dropdown-box bottom fadeInDown">
<ul class="item">
<li class="vod" data-action="{$strSearchListUrlTemp}">视频</li>
</ul>
</div>
</a>
<form id="search" name="search" method="get" action="{$strSearchListUrlTemp}">
<input type="text" id="wd" name="keyword"
class="search_wd form-control ac_input" value="" placeholder="请输入关键字" autocomplete="off"
style=" padding-left: 65px; ">
<button class="submit search_submit" id="searchbutton" type="submit" name="submit">
<i class="fa fa-search"></i>
</button>
</form>
<a class="search-close visible-xs" href="javascript:;">
<i class="fa fa-close"></i>
</a>
<div class="search-dropdown-hot dropdown-box bottom fadeInDown">
<div class="item">
<p class="text-muted">热门搜索</p>
{video:list count="6"
sort_type="news"
d_key="key" d_val="Video"
cache_life="3600"}
<p>
<a class="text-333"
href='{site:vsurl key="$Video.v_name" p="1"/}'
title="{$Video.v_name}">
<span class="badge badge-first">{$key++}</span>
{$Video.v_name}
</a>
</p>
{/video:list}
</div>
</div>
</div>
<ul class="myui-header__user">
<li class="visible-xs">
<form id="search" name="search" method="get" action="{$strSearchListUrlTemp}">
<input type="text" id="wd" name="keyword"
class="search_wd form-control ac_input" value="" placeholder="请输入关键字" autocomplete="off"
style=" padding-left:2px; ">
<button class="submit search_submit h5-searchbutton" id="h5-searchbutton" type="submit" name="submit">
<i class="fa fa-search"></i>
</button>
</form>
</li>
<li class="dropdown-hover">
<a href="{$strHistoryUrlTemp}" title="播放记录">
<i class="fa fa-clock-o"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</header>
{block name="main"}
{/block}
{include file="public/footer" /}
{block name="customize"}{/block}
<script>
const strPushApi = `{site:cfg code="PUSH_API_DOMAIN" encode="false"/}`;
</script>
<script src="/public/jquery/jquery-3.7.1.min.js" type="module" charset="utf-8"></script>
{block name="footer-js"}{/block}
<script type="text/javascript"
src='/public/video/common.js?v={site:cfg code="STATIC_FILE_VERSION" encode="false"/}'></script>
{// 全局统计 }
{site:cfg code="PUBLIC_TONGJI_CODE" encode="false"/}
{// 站点统计 }
{$DomainModel->d_statis|raw}
<script>
(function () {
var bp = document.createElement('script');
@@ -214,12 +45,179 @@
s.parentNode.insertBefore(bp, s);
})();
</script>
</head>
{block name="strPageCode"}
<?php $strPageCode = 'home'; ?>
{/block}
<body class="active {block name='body-class'}{/block}" id="{block name='body-id'}{/block}">
<header class="myui-header__top clearfix top-fixed headroom--top headroom--not-bottom" id="header-top">
<div class="container">
<div class="row">
<div class="myui-header_bd clearfix">
<div class="myui-header__logo">
<a class="logo" href="/">
{$DomainModel->d_name}
</a>
</div>
<ul class="myui-header__menu nav-menu">
{if $DomainModel->info_id > 0}
<li class="{if $strPageCode == 'info'}active{/if} visible-inline-lg">
<a class="logo" href="/">首页</a>
</li>
<li class=' {if $strPageCode == "home"}active{/if} visible-inline-lg'>
<a class="logo" href="/vindex">影视首页</a>
</li>
{else}
<li class=' {if $strPageCode == "home"}active{/if} visible-inline-lg'>
<a class="logo" href="/">首页</a>
</li>
{/if}
{video:categorytype category_type="ONE" d_key="key" d_val="val"}
<li
class=" visible-inline-lg {if $val.v_category_en == $Request.route.strParentCategory}active{/if}">
<a href='{site:vciurl parent_category="$val.v_category_en" /}'>
{$val.v_category}
</a>
</li>
{/video:categorytype}
<li class=" visible-inline-lg">
<a href='{$strRankUrlTemp}'>
榜单
</a>
</li>
<li class="dropdown-hover dropdown-toggle"><a href="javascript:;">频道<i
class="fa fa-angle-down"></i></a>
<div class="dropdown-box bottom fadeInDown clearfix">
<ul class="item nav-list clearfix">
<li class="col-lg-5 col-md-5 col-sm-5 col-xs-3 ">
<a class="btn btn-sm btn-block {if $Request.route.strParentCategory == ''}btn-warm{else}btn-default{/if}"
href="/">首页</a>
</li>
{video:categorytype category_type="ONE" d_key="key" d_val="val"}
<li class="col-lg-5 col-md-5 col-sm-5 col-xs-3 ">
<a class="btn btn-sm btn-block {if $val.v_category_en == $Request.route.strParentCategory}btn-warm{else}btn-default{/if}"
href='{site:vciurl parent_category="$val.v_category_en" /}'>
{$val.v_category}
</a>
</li>
{/video:categorytype}
{video:categorytype category_type="ONE" d_key="key" d_val="val"}
{foreach $val.children as $intChildrenKey=>$arrChildrenCategory }
<li class="col-lg-5 col-md-5 col-sm-5 col-xs-3 ">
<a class="btn btn-sm btn-block {if $arrChildrenCategory.v_category_en == $Request.route.strCategory}btn-warm{else}btn-default{/if}"
href='{site:vclurl parent_category="$Request.route.strParentCategory" category="$arrChildrenCategory.v_category_en" area="all" lang="all" year="all" order="all" page="1"/}'>
{$arrChildrenCategory.v_category}
</a>
</li>
{/foreach}
{/video:categorytype}
</ul>
</div>
</li>
</ul>
<div class="myui-header__search search-box">
<a class="search-select dropdown-hover" href="javascript:;">
<span class="text">视频</span>
<i class="fa fa-caret-down"></i>
<div class="dropdown-box bottom fadeInDown">
<ul class="item">
<li class="vod" data-action="{$strSearchListUrlTemp}">视频</li>
</ul>
</div>
</a>
<form id="search" name="search" method="get" action="{$strSearchListUrlTemp}">
<input type="text" id="wd" name="keyword" class="search_wd form-control ac_input" value=""
placeholder="请输入关键字" autocomplete="off" style=" padding-left: 65px; ">
<button class="submit search_submit" id="searchbutton" type="submit" name="submit">
<i class="fa fa-search"></i>
</button>
</form>
<a class="search-close visible-xs" href="javascript:;">
<i class="fa fa-close"></i>
</a>
<div class="search-dropdown-hot dropdown-box bottom fadeInDown">
<div class="item">
<p class="text-muted">热门搜索</p>
{video:list count="6"
sort_type="news"
d_key="key" d_val="Video"
cache_life="3600"}
<p>
<a class="text-333" href='{site:vsurl key="$Video.v_name" p="1"/}'
title="{$Video.v_name}">
<span class="badge badge-first">{$key++}</span>
{$Video.v_name}
</a>
</p>
{/video:list}
</div>
</div>
</div>
<ul class="myui-header__user">
<li class="visible-xs">
<form id="search" name="search" method="get" action="{$strSearchListUrlTemp}">
<input type="text" id="wd" name="keyword" class="search_wd form-control ac_input"
value="" placeholder="请输入关键字" autocomplete="off" style=" padding-left:2px; ">
<button class="submit search_submit h5-searchbutton" id="h5-searchbutton" type="submit"
name="submit">
<i class="fa fa-search"></i>
</button>
</form>
</li>
<li class="dropdown-hover">
<a href="{$strHistoryUrlTemp}" title="播放记录">
<i class="fa fa-clock-o"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</header>
{block name="main"}
{/block}
{include file="public/footer" /}
{block name="customize"}{/block}
<script>
document.addEventListener("DOMContentLoaded", function () {
const strPushApi = `{site:cfg code="PUSH_API_DOMAIN" encode="false"/}`;
</script>
<script src="/public/jquery/jquery-3.7.1.min.js" type="module" charset="utf-8"></script>
{block name="footer-js"}{/block}
<script type="text/javascript"
src='/public/video/common.js?v={site:cfg code="STATIC_FILE_VERSION" encode="false"/}'></script>
{// 全局统计 }
{site:cfg code="PUBLIC_TONGJI_CODE" encode="false"/}
{// 站点统计 }
{$DomainModel->d_statis|raw}
<script>
document.addEventListener("DOMContentLoaded", function () {
// 移动端点击切换
$('.dropdown-toggle').on('click', function(e) {
$('.dropdown-toggle').on('click', function (e) {
//e.preventDefault(); // 阻止默认行为(避免跳转)
var $parent = $(this).closest('.dropdown-hover');
var $dropdownBox = $parent.find('.dropdown-box');
@@ -239,13 +237,13 @@
});
// 点击下拉菜单中的链接,允许跳转
$('.dropdown-box a').on('click', function(e) {
$('.dropdown-box a').on('click', function (e) {
// 确保不阻止默认行为,允许 <a> 标签跳转
// 如果需要,可以在这里添加其他逻辑(如记录点击)
});
// 点击页面其他地方关闭下拉菜单
$(document).on('click', function(e) {
$(document).on('click', function (e) {
// 仅当点击不在 .dropdown-hover 或其子元素时关闭
if (!$(e.target).closest('.dropdown-hover').length) {
$('.dropdown-hover').removeClass('active').find('.dropdown-box').slideUp(300);

View File

@@ -517,6 +517,8 @@
var intJumpTimeTwoEnd = 1;
var arrPlayUrl = {$arrVideo.v_play_url | json_encode | raw};
var strPlayUrl = ""
</script>
{/block}