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-16 11:08:06 +08:00
parent ae51682afe
commit e4f509a9e5
4 changed files with 36 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -218,7 +218,7 @@
</div>
<div class="label">
<span class="device-name colorLinearGradient">Ryzen7 7735HS:</span>
<span class="value m4-max colorLinearGradient">13766</span>
<span class="value m4-max colorLinearGradient">1700</span>
</div>
</div>
<div class="progress-item w1274">
@@ -228,7 +228,7 @@
</div>
</div>
<div class="label">
<span class="device-name font32 colorCBCFD8">Ryzen7 7735HS:</span>
<span class="device-name font32 colorCBCFD8">NVIDIA GTX 750:</span>
<span class="value gray font32 color8A8787">1000</span>
</div>
</div>
@@ -239,7 +239,7 @@
</div>
</div>
<div class="label ">
<span class="device-name font32 colorCBCFD8">NVIDIA GTX 750:</span>
<span class="device-name font32 colorCBCFD8">i7-13620H:</span>
<span class="value gray font32 color8A8787">1000</span>
</div>
</div>
@@ -308,13 +308,17 @@
<div class="fs-ts">{$data.cooling_system.0.desc|raw}</div>
{/notempty}
<div class="fs-box-img opacity0" data-order="18">
{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 class="fs-h-img">
{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>
<!-- data-order="19" -->
<div class="fs-b-img" style="min-height: 20px;">
{notempty name="data.cooling_system.3"}<img src="{$data.cooling_system.3.image}" alt="">{/notempty}
</div>
</div>
</div>
<div class="fs-b-img">
{notempty name="data.cooling_system.3"}<img src="{$data.cooling_system.3.image}" alt="">{/notempty}
</div>
</div>
{/notempty}
{notempty name="data.apps"}
@@ -392,7 +396,7 @@
{notempty name="data.exterior_texture"}
<!-- 轻薄有型 -->
<div class="qb">
<div class="qb-text opacity0" data-order="24">
<div class="qb-text opacity0" data-order="25">
{assign name="exterior_texture_first" value=":array_shift($data.exterior_texture)"/}
<div class="qb-t">{$exterior_texture_first.title|default=''|raw}</div>
<div class="qb-p">{$exterior_texture_first.short_title|default=''|raw}</div>
@@ -412,11 +416,11 @@
<!-- wifi6 -->
{assign name="netword_card_first" value=":array_shift($data.network_card)"/}
<div class="wift6" style="background: url('{$netword_card_first.image|default=\'\'}');background-size:100% auto">
<div class="wift6-text opacity0" data-order="25">
<div class="wift6-text opacity0" data-order="26">
<div class="wift6-t">{$netword_card_first.title|default=''|raw}</div>
<div class="wift6-p">{$netword_card_first.short_title|default=''|raw}</div>
</div>
<div class="wift6-img opacity0" data-order="26">
<div class="wift6-img opacity0" data-order="27">
{volist name="data.network_card" id="no"}
<img src="{$no.image}" alt="">
{/volist}
@@ -427,11 +431,11 @@
<!-- 11.4h长久续航 -->
{assign name="battery_life_first" value=":array_shift($data.battery_life)"/}
<div class="xh" style="background: url('{$battery_life_first.image|default=\'\'}');background-size:100% auto">
<div class="xh-text opacity0" data-order="27">
<div class="xh-text opacity0" data-order="28">
<div class="xh-t">{$battery_life_first.title|default=''|raw}</div>
<div class="xh-p">{$battery_life_first.short_title|default=''|raw}</div>
</div>
<div class="xh-img opacity0" data-order="28">
<div class="xh-img opacity0" data-order="29">
{volist name="data.battery_life" id="bo"}
<img src="{$bo.image}" alt="">
{/volist}
@@ -498,7 +502,7 @@
<!-- 安全介绍 -->
{assign name="security" value=":array_shift($data.camare_microphone_security)"/}
<div class="tabs-container">
<div class="tab-t opacity0" data-order="29">{$cms_section_title.title|default=''}</div>
<div class="tab-t opacity0" data-order="30">{$cms_section_title.title|default=''}</div>
<div class="tab-content">
<!-- 清晰通话 - 图片内容 -->
{notempty name="camare_microphone"}
@@ -543,7 +547,7 @@
{notempty name="data.product_testing"}
<!-- 底部图片 -->
<div class="bottom-img-box">
<div class="bottom-img opacity0" data-order="30">
<div class="bottom-img opacity0" data-order="31">
{volist name="data.product_testing" id="po"}
<img src="{$po.image}" alt="{$po.title}">
{/volist}

6
public/static/index/mobile/css/public.css
View File

@@ -1,20 +1,20 @@
@font-face {
font-family: "HarmonyOS";
src: url("../fonts/HarmonyOS-Regular.otf") format("opentype");
src: url("//ow.static.f2b211.com/static/fonts/HarmonyOS-Regular.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "HarmonyOS-Bold";
src: url("../fonts/HarmonyOS-Bold.otf") format("opentype");
src: url("//ow.static.f2b211.com/static/fonts/HarmonyOS-Bold.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "HarmonyOS-Medium";
src: url("../fonts/HarmonyOS-Medium.otf") format("opentype");
src: url("//ow.static.f2b211.com/static/fonts/HarmonyOS-Medium.otf") format("opentype");
font-weight: normal;
font-style: normal;
}

2
public/static/index/pc/css/topic_laptop/amd.css
View File

@@ -60,7 +60,7 @@
flex: 1;
width: 50%;
/* 固定宽高比：710/210 ≈ 3.38，反向则210/710≈29.58% */
aspect-ratio: 710/210;
aspect-ratio: 711/260;
overflow: hidden; /* 裁剪超出部分（可选） */
}

16
public/static/index/pc/css/topic_laptop/fs.css
View File

@@ -15,11 +15,21 @@
position: absolute;
bottom: -60px; */
display: flex;
justify-content: center;
gap: 0.2rem;
flex-wrap: wrap;
/* justify-content: center;
gap: 0.2rem; */
min-width: 1280px;
}
.fs-box-img img {
.fs-h-img {
width: 100%;
display: flex;
justify-content: center;
gap: 0.2rem;
/* margin-top: 0.2rem; */
min-width: 1280px;
}
.fs-h-img img {
max-width: 7.1rem;
}
.fs-b-img {