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-17 17:57:10 +08:00
parent 91661b6bb4
commit b7e09aeb04
24 changed files with 632 additions and 288 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -27,21 +27,17 @@
<link rel="stylesheet" href="__CSS__/topic_laptop/windows.css">
<link rel="stylesheet" href="__CSS__/topic_laptop/bottom.css">
<link rel="stylesheet" href="__CSS__/topic_laptop/wift6.css">
<style>
</style>
<script type="text/javascript">
(function (doc, win)
{
var docEl = doc.documentElement;
var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
var designWidth = 1920;
var designWidth = 2560;
var designRemPx = 100;
function setRootFontSize ()
{
console.log('触发')
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
var fontSize = (clientWidth / designWidth) * designRemPx;
@@ -79,13 +75,14 @@
<div class="amd-img-2-2">{notempty name="data.perf.2"}<img src="{$data.perf.2.image}" alt="{$data.perf.2.title}">{/notempty}</div>
</div>
<div class="amd-img-3 opacity0" data-order="3" data-name="">
<div class="amd-img-3-left">
<div class="amd-img-3-left">
{notempty name="data.perf.3"}<img src="{$data.perf.3.image}" alt="{$data.perf.3.title}" class="amd-img-3-1-left">{/notempty}
</div>
<div class="amd-img-3-right">
<div class="amd-img-3-1-right">
{notempty name="data.perf.4"}<img src="{$data.perf.4.image}" alt="{$data.perf.4.title}">{/notempty}
</div>
</div>
<!-- {notempty name="data.perf.4"}<img src="{$data.perf.4.image}" alt="{$data.perf.4.title}">{/notempty} -->
<div class="amd-img-3-2-right">
{notempty name="data.perf.5"}<img src="{$data.perf.5.image}" alt="{$data.perf.5.title}">{/notempty}
</div>
@@ -187,7 +184,11 @@
<div class="readon-box" style="background: url('{$gpu_first_section.image|default=\'\'}');background-size:100% auto">
<div class="readon-text opacity0" data-order="9">
<div class="readon-t">{$gpu_first_section.title|default=''|raw}</div>
{eq name=":cookie('think_lang')" value="en-us"}
<div class="readon-js1">{$gpu_first_section.short_title|default=''|raw}</div>
{else/}
<div class="readon-js">{$gpu_first_section.short_title|default=''|raw}</div>
{/eq}
<div class="readon-img opacity0" data-order="10">
<img src="{$gpu_first_section.extra_image|default=''}" alt="">
</div>
@@ -200,7 +201,7 @@
</div>
{/notempty}
<div class="container">
<h1 class="progress-title" style="padding-top: 0;">{:lang_i18n('3DMARK Time Spy显卡得分')}</h1>
<div class="progress-title" style="padding-top: 0;">{:lang_i18n('3DMARK Time Spy显卡得分')}</div>
<div class="progress-section">
<div class="progress-item">
<div class="progress-bar-container">
@@ -247,14 +248,18 @@
</div>
</div>
</div>
<div class="progress-p">{:lang_i18n('*此跑分为ORICO实验室测定所得，请以实际使用为准')}</div>
<div class="progress-p1">{:lang_i18n('*此跑分为ORICO实验室测定所得，请以实际使用为准')}</div>
</div>
{notempty name="data.ram"}
<div class="wift" >
<div class="wift-t opacity0" data-order="12">{$data.ram.title|raw}</div>
<div class="wift-bg" style="background: url('{$data.ram.image}');background-size:100% auto;">
<div class="opacity0" data-order="13">
{eq name=":cookie('think_lang')" value="en-us"}
<div class="wift-bg-p1">{$data.ram.short_title|raw}</div>
{else/}
<div class="wift-bg-p">{$data.ram.short_title|raw}</div>
{/eq}
</div>
<div class="wift-bg-img opacity0" data-order="14">
{$data.ram.desc|raw}
@@ -266,12 +271,16 @@
<div class="m2">
{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">
<div class="m2-bg-t opacity0" data-order="15">{$hard_drive_first.title|default=''|raw}</div>
<div class="m2-img-box opacity0" data-order="16">
{volist name="data.hard_drive" id="ho"}
<img src="{$ho.image}" alt="">
{/volist}
</div>
{eq name=":cookie('think_lang')" value="en-us"}
<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>
{/eq}
<div class="m2-img-box opacity0" data-order="16">
{volist name="data.hard_drive" id="ho"}
<img src="{$ho.image}" alt="">
{/volist}
</div>
</div>
</div>
{/notempty}
@@ -326,11 +335,23 @@
<div class="ips-t">{$soft_light_first.title|raw}</div>
<div class="ips-p">{$soft_light_first.short_title|raw}</div>
{/notempty}
<div class="ips-img opacity0" data-order="21">
{volist name="data.screen_soft_light" id="so"}
<img src="{$so.image}" alt="">
{/volist}
</div>
{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="">
{/volist}
</div>
{else/}
<div class="ips-img opacity0" data-order="21">
{volist name="data.screen_soft_light" id="so"}
<img src="{$so.image}" alt="">
{/volist}
</div>
{/eq}
</div>
</div>
{/notempty}
@@ -418,6 +439,10 @@
</div>
{/notempty}
<div class="zoom-container" id="zoomContainer">
<div class="zoom-text">
<div>{:lang_i18n("接口大满贯")}</div>
<p>{:lang_i18n("标配多种接口，会议室连接电脑、U盘传输文件、TF卡读取等，全都轻松搞定")}</p>
</div>
<div class="img-wrapper">
<img src="__IMAGES__/topic_laptop/jk.png" alt="接口图" class="bg-img" id="bgImg">
</div>
@@ -451,9 +476,14 @@
</div>
<div class="carousel-texts">
{volist name="data.scene_focus_images" id="so"}
<div class="carousel-text {if $key == 0}active{/if}" data-index="{$key}">
<div class="carousel-text-t">{$so.title}</div>
<div class="carousel-text-p">{$so.short_title}</div>
<div class="carousel-text {if $key == 0}active{/if}" data-index="{$key}">
{eq name=":cookie('think_lang')" value="en-us"}
<div class="carousel-text-t1">{$so.title}</div>
<div class="carousel-text-p1">{$so.short_title}</div>
{else/}
<div class="carousel-text-t">{$so.title}</div>
<div class="carousel-text-p">{$so.short_title}</div>
{/eq}
</div>
{/volist}
</div>
@@ -1024,7 +1054,7 @@
const img = video.parentElement.querySelector('.fs-img');
img.style.display = 'none';
video.style.display = 'block';
// 强制静音+播放
video.muted = true;
video.play().then(() => {
@@ -1424,4 +1454,4 @@
}
});
</script>
{/block}
{/block}