jsasg/orico-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

判读uc浏览器swiper的问题

Browse Source
This commit is contained in:
liangjiami
2025-06-27 17:03:18 +08:00
parent 697ae24a97
commit ddbabe3985
4 changed files with 46 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/index/view/pc/index/index.html
View File

@@ -104,7 +104,7 @@
<div class="hotvideo"> <div class="hotvideo">
<video poster="{$video.image}" src="{$video.video}" style="max-height:50rem;z-index:9999;width: 100%;object-fit: cover;" autoplay loop controls id="oricoVideo"></video> <video poster="{$video.image}" src="{$video.video}" style="max-height:50rem;z-index:9999;width: 100%;object-fit: cover;" autoplay loop controls id="oricoVideo"></video>
</div> </div>
<img src="{$video.image}" class="hotImg" /> <!-- <img src="{$video.image}" class="hotImg" /> -->
</div> </div>
{/notempty} {/notempty}
<!-- 场景介绍 --> <!-- 场景介绍 -->

29
app/index/view/pc/public/base.html
View File

@@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
{block name="title"}<title>{$basic_config['website_seo_title']['value']}</title>{/block} {block name="title"}<title>{$basic_config['website_seo_title']['value']}</title>{/block}
@@ -13,9 +14,33 @@
<link rel="stylesheet" type="text/css" href="__CSS__/orico_header.css" /> <link rel="stylesheet" type="text/css" href="__CSS__/orico_header.css" />
<link rel="stylesheet" type="text/css" href="__CSS__/orico_footer.css" /> <link rel="stylesheet" type="text/css" href="__CSS__/orico_footer.css" />
{block name="style"}{/block} {block name="style"}{/block}
<link rel="stylesheet" href="https://unpkg.com/swiper@9/swiper-bundle.min.css"> <script>
// 增强型 UC 浏览器检测
function isUCBrowser() {
const ua = navigator.userAgent.toLowerCase();
return ua.includes('ubrowser');
}
// 直接输出对应的 HTML 标签
if (isUCBrowser()) {
document.write(`
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8.4.7/swiper-bundle.min.css">
<script src="https://cdn.jsdelivr.net/npm/swiper@8.4.7/swiper-bundle.min.js"><\/script>
`);
} else {
document.write(`
<link rel="stylesheet" href="https://unpkg.com/swiper@9.4.1/swiper-bundle.min.css">
<script src="https://unpkg.com/swiper@9.4.1/swiper-bundle.min.js"><\/script>
`);
}
</script>
<!-- 你的 jQuery 和其他脚本 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- <link rel="stylesheet" href="https://unpkg.com/swiper@9/swiper-bundle.min.css">
<script type="text/javascript" src="https://unpkg.com/swiper@9.4.1/swiper-bundle.min.js"></script> -->
<script type="text/javascript" src='https://code.jquery.com/jquery-3.6.0.min.js'></script> <script type="text/javascript" src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
<script type="text/javascript" src="https://unpkg.com/swiper@9.4.1/swiper-bundle.min.js"></script>
<script type="text/javascript" src="__JS__/before-after.min.js"></script> <script type="text/javascript" src="__JS__/before-after.min.js"></script>
<script type="text/javascript" src="__JS__/large.js"></script> <script type="text/javascript" src="__JS__/large.js"></script>
<script type="text/javascript"> <script type="text/javascript">

20
public/static/index/pc/css/orico_footer.css
View File

@@ -29,17 +29,27 @@
justify-content: space-between; justify-content: space-between;
} }
.orico_footer .fotter .footerMain .foottxttop .foootCt { .orico_footer .fotter .footerMain .foottxttop .foootCt {
gap: 1.5rem; /* gap: 1.5rem;
display: grid; display: grid; */
display: flex;
flex-direction: column;
margin-bottom: 20px;
} }
.orico_footer .fotter .footerMain .foottxttop .foootCt .ftitle { .orico_footer .fotter .footerMain .foottxttop .foootCt .ftitle {
font-weight: 700; font-weight: 700;
color: #fff; color: #fff;
font-size: 1.25rem; font-size: 1.25rem;
margin-bottom: 30px;
} }
.orico_footer .fotter .footerMain .foottxttop .foootCt ul { .orico_footer .fotter .footerMain .foottxttop .foootCt ul {
display: grid; /* display: grid;
gap: 0.75rem; gap: 0.75rem; */
display: flex;
flex-direction: column;
}
.orico_footer .fotter .footerMain .foottxttop .foootCt ul li{
margin-bottom: 15px;
} }
.orico_footer .fotter .footerMain .foottxttop .foootCt ul .fline { .orico_footer .fotter .footerMain .foottxttop .foootCt ul .fline {
color: #fff; color: #fff;
@@ -50,7 +60,7 @@
.orico_footer .fotter .footerMain .foottxtbottom { .orico_footer .fotter .footerMain .foottxtbottom {
padding-left: 14%; padding-left: 14%;
display: grid; display: grid;
padding-top: 8%; padding-top: 4%;
} }
.orico_footer .fotter .footerMain .foottxtbottom .ftopicos { .orico_footer .fotter .footerMain .foottxtbottom .ftopicos {
display: flex; display: flex;

5
public/static/index/pc/css/orico_header.css
View File

@@ -30,9 +30,10 @@
.header-PC #header .nav2 .navItem { .header-PC #header .nav2 .navItem {
font-size: 1rem; font-size: 1rem;
position: relative; position: relative;
display: grid; display: flex;
grid-template-columns: auto auto; flex-direction: row;
align-items: center; align-items: center;
flex-wrap: wrap;
justify-content: center; justify-content: center;
width: 12.5%; width: 12.5%;
height: 60px; height: 60px;