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

调式
All checks were successful
Gitea Actions Official-website / deploy-dev (push) Successful in 3s
Details

Browse Source
This commit is contained in:
liqian
2025-12-20 14:01:18 +08:00
parent e5ccd8d031
commit c0cbe6c0df
5 changed files with 46 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
app/index/view/pc/topic_laptop/index.html
View File

@@ -30,14 +30,13 @@
<script type="text/javascript">
(function (doc, win)
{
var docEl = doc.documentElement;
var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
var designWidth = 2560;
var designRemPx = 100;
function setRootFontSize ()
{
console.log('触发')
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
var fontSize = (clientWidth / designWidth) * designRemPx;
@@ -55,32 +54,26 @@
{block name="main"}
{notempty name="data.top_focus_images"}
<div class="swiper-container auto-swiper-container" style="margin-top:60px;">
{eq name=":cookie('think_lang')" value="en-us"}
<div class="swiper-wrapper">
{volist name="data.top_focus_images" id="tfi"}
<a class="swiper-slide auto-swiper-slide" href="{$tfi.link}">
<img src="{$tfi.image}" alt="{$tfi.title}" />
</a>
{/volist}
</div>
{else/}
<div class="swiper-wrapper">
{volist name="data.top_focus_images" id="tfi"}
<div class="swiper-slide auto-swiper-slide">
<div class="swiper-container-texts" style="color:#fff">
<div class="swiper-container-texts-t">{$tfi.title}</div>
<div class="swiper-container-texts-p">{$tfi.desc||raw|htmlspecialchars_decode}</div>
<div class="swiper-container-texts-img">
<a href="{$tfi.link}">
<img src="__IMAGES__/topic_laptop/ljgd.png" alt="" loading="lazy" >
</a>
</div>
<div class="swiper-wrapper">
{volist name="data.top_focus_images" id="tfi"}
<div class="swiper-slide auto-swiper-slide">
<div class="swiper-container-texts" style="color:#fff">
<div class="swiper-container-texts-t">{$tfi.title}</div>
<div class="swiper-container-texts-p">{$tfi.desc||raw|htmlspecialchars_decode}</div>
<div class="swiper-container-texts-img">
<a href="{$tfi.link}">
{eq name=":cookie('think_lang')" value="en-us"}
<img src="__IMAGES__/topic_laptop/eljgd.png" alt="" >
{else/}
<img src="__IMAGES__/topic_laptop/ljgd.png" alt="" >
{/eq}
</a>
</div>
<img src="{$tfi.image}" alt="{$tfi.title}" loading="lazy" />
</div>
{/volist}
<img src="{$tfi.image}" alt="{$tfi.title}" />
</div>
{/eq}
{/volist}
</div>
</div>
{/notempty}
{notempty name="data.perf"}
@@ -214,7 +207,6 @@
<img src="{$gpu_first_section.extra_image|default=''}" alt="" loading="lazy" >
</div>
{/eq}
</div>
<div class="readon-img-box opacity0" data-order="11">
{volist name="data.gpu" id="go"}
@@ -275,7 +267,6 @@
</div>
{notempty name="data.ram"}
<div class="wift" >
<div class="wift-bg" style="background: url('{$data.ram.image}');background-size:100% auto;">
<div class="wift-test">
<div class="wift-t opacity0" data-order="12">{$data.ram.title|raw}</div>
@@ -290,7 +281,6 @@
<div class="wift-bg-img opacity0" data-order="14">
{$data.ram.desc|raw}
</div>
</div>
</div>
{/notempty}
@@ -299,19 +289,18 @@
{assign name="hard_drive_first" value=":array_shift($data.hard_drive)"/}
<div class="m2-bg" style="background: url('{$hard_drive_first.image|default=\'\'}');background-size:100% auto">
{eq name=":cookie('think_lang')" value="en-us"}
<div class="m2-bg-t1 opacity0" data-order="15">{$hard_drive_first.title|default=''|raw}</div>
<div class="m2-bg-t1 opacity0" data-order="15">{$hard_drive_first.title|default=''|raw}</div>
{else/}
<div class="m2-bg-t opacity0" data-order="15">{$hard_drive_first.title|default=''|raw}</div>
<div class="m2-bg-t opacity0" data-order="15">{$hard_drive_first.title|default=''|raw}</div>
{/eq}
<div class="m2-img-box opacity0" data-order="16">
{volist name="data.hard_drive" id="ho"}
<img src="{$ho.image}" alt="" loading="lazy" >
{/volist}
</div>
<div class="m2-img-box opacity0" data-order="16">
{volist name="data.hard_drive" id="ho"}
<img src="{$ho.image}" alt="" loading="lazy" >
{/volist}
</div>
</div>
</div>
{/notempty}
<div class="fs">
{notempty name="data.cooling_system"}
{notempty name="$data.cooling_system.0"}
@@ -332,13 +321,13 @@
</video>
<div class="fs-ts">{$data.cooling_system.0.desc|raw}</div>
{/notempty}
<div class="fs-box-img opacity0" data-order="18">
<div class="fs-box-img" >
<div class="fs-h-img">
{notempty name="data.cooling_system.1"}<img src="{$data.cooling_system.1.image}" alt="" loading="lazy" >{/notempty}
{notempty name="data.cooling_system.2"}<img src="{$data.cooling_system.2.image}" alt="" loading="lazy" >{/notempty}
{notempty name="data.cooling_system.1"}<img src="{$data.cooling_system.1.image}" alt="" >{/notempty}
{notempty name="data.cooling_system.2"}<img src="{$data.cooling_system.2.image}" alt="" >{/notempty}
</div>
<div class="fs-b-img" style="min-height: 20px;">
{notempty name="data.cooling_system.3"}<img src="{$data.cooling_system.3.image}" alt="" loading="lazy" >{/notempty}
{notempty name="data.cooling_system.3"}<img src="{$data.cooling_system.3.image}" alt="" >{/notempty}
</div>
</div>
</div>
@@ -346,10 +335,10 @@
{/notempty}
{notempty name="data.apps"}
<div class="xn">
<div class="xn-t opacity0" data-order="19">{$data.apps.title|default=''}</div>
<div class="xn-t" >{$data.apps.title|default=''}</div>
<div class="xn-container">
<div class="xn-image-section">
<img src="{$data.apps.image|default=''}" alt="" class="zoom-image first-image" loading="lazy">
<img src="{$data.apps.image|default=''}" alt="" class="zoom-image first-image" >
</div>
</div>
<div class="xn-p">{$data.apps.desc|default=''|raw}</div>
@@ -363,23 +352,19 @@
<div class="ips-t">{$soft_light_first.title|raw}</div>
<div class="ips-p">{$soft_light_first.short_title|raw}</div>
{/notempty}
{eq name=":cookie('think_lang')" value="en-us"}
<div class="ips-img1 opacity0" data-order="21">
{volist name="data.screen_soft_light" id="so"}
<img src="{$so.image}" alt="" loading="lazy" >
{/volist}
</div>
<div class="ips-img1 opacity0" data-order="21">
{volist name="data.screen_soft_light" id="so"}
<img src="{$so.image}" alt="" loading="lazy" >
{/volist}
</div>
{else/}
<div class="ips-img opacity0" data-order="21">
{volist name="data.screen_soft_light" id="so"}
<img src="{$so.image}" alt="" loading="lazy" >
{/volist}
</div>
<div class="ips-img opacity0" data-order="21">
{volist name="data.screen_soft_light" id="so"}
<img src="{$so.image}" alt="" loading="lazy" >
{/volist}
</div>
{/eq}
</div>
</div>
{/notempty}
@@ -1260,7 +1245,6 @@
const tabT = document.querySelectorAll('.tab-t');
const indicator = document.querySelector('.tab-indicator');
const securityVideo = document.getElementById('securityVideo');
console.log(tabT,'=========tabT=============')
let prevIndex = 0;
const tabRects = [];
@@ -1581,7 +1565,7 @@ document.addEventListener('DOMContentLoaded', () => {
item.addEventListener('click', () => {
if (isTransitioning || currentRealIndex === idx) return;
isTransitioning = true;
// 直接滑到目标图片
carouselImgs.style.transform = `translateX(-${idx * 100}%)`;
currentRealIndex = idx;