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-19 16:04:46 +08:00
parent d9000fbe1c
commit 991ca5b61c
24 changed files with 1794 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
public/static/index/pc/css/topic_laptop/45w.css
View File

@@ -1,9 +1,9 @@
.dl {
width: 100%;
padding-top: 1.89rem;
padding-top: 0.71rem;
}
.dl-t {
color: #cbcfd8;
color: #fff;
font-size: 0.63rem;
width: 100%;
text-align: center;
@@ -13,8 +13,8 @@
font-size: clamp(16px, 1vw, 0.22rem);
width: 100%;
text-align: center;
padding-top: 0.63rem;
padding-bottom: 0.37rem;
padding-top: 0.43rem;
/* padding-bottom: 0.37rem; */
line-height: 1.8;
font-family: "HarmonyOS-Light";
}

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

@@ -5,7 +5,7 @@
max-width: 14.4rem;
/* min-width: 1280px; */
margin: 0 auto;
margin-top:-2rem;
/* margin-top:-3.5rem; */
}

8
public/static/index/pc/css/topic_laptop/bly.css
View File

@@ -5,7 +5,7 @@
margin: 0 auto;
aspect-ratio: 1437/679;
/* max-height: 6.97rem; */
padding-top:5.43rem;
padding-top:4.41rem;
}
.bly .ba-slider .handle:after {
@@ -34,7 +34,7 @@
}
.bly-t {
font-size: 0.63rem;
color: #cbcfd8;
color: #fff;
text-align: center;
width: 100%;
}
@@ -43,7 +43,7 @@
color: #cbcfd8;
text-align: center;
width: 100%;
padding-top: 0.51rem;
padding-bottom: 1.65rem;
padding-top: 0.43rem;
padding-bottom: 1rem;
font-family: "HarmonyOS-Light";
}

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

@@ -41,3 +41,8 @@ body {
/* [data-order="19"] {
transition: all 0.3s ease-out 0.2s !important;
} */
[data-order], .annotation, .progress-fill, .zoom-image, .float-card {
transform: translateZ(0); /* 开启硬件加速，将元素交给 GPU 渲染 */
will-change: opacity, transform; /* 告诉浏览器提前优化这个元素 */
backface-visibility: hidden; /* 防止元素翻转时的闪烁 */
}

3
public/static/index/pc/css/topic_laptop/ips.css
View File

@@ -6,7 +6,7 @@
background-repeat: no-repeat;
background-size: 100% auto; 宽度铺满，高度自动 */
min-width: 1280px;
margin-top: 2.69rem;
/* margin-top: 2.69rem; */
}
.ips-text {
color: #cbcfd8;
@@ -17,6 +17,7 @@
width: 100%;
}
.ips-t {
color: #fff;
font-size: 0.63rem;
padding-top:3.9rem;
padding-left: 5.63rem;

6
public/static/index/pc/css/topic_laptop/jk.css
View File

@@ -86,21 +86,21 @@
/* 最终高度（vw单位） */
}
.zoom-text {
padding-top: 1.68rem;
padding-top: 3rem;
padding-bottom: 2rem;
}
.zoom-text div{
width: 100%;
text-align: center;
font-size:0.63rem;
color:#CBCFD8
color:#fff
}
.zoom-text p{
width: 100%;
text-align: center;
font-size:clamp(16px,1vw,0.22rem);
color:#cbcfd8;
padding-top: 0.55rem;
padding-top: 0.43rem;
font-family: "HarmonyOS-Light";
}
/* 响应式适配：1280px以下固定尺寸 */

5
public/static/index/pc/css/topic_laptop/lb.css
View File

@@ -1,4 +1,9 @@
/* .lb {
position: relative;
width: 100%;
height: 100%;
} */
/* 外层容器：完全保留你的REM样式 */
.carousel-wrapper {
width: 100%;

4
public/static/index/pc/css/topic_laptop/m2.css
View File

@@ -12,7 +12,7 @@
}
.m2-bg-t {
font-size: 0.63rem;
color: #cbcfd8;
color: #fff;
width: 100%;
text-align: center;
padding-top: 1.78rem;
@@ -20,7 +20,7 @@
}
.m2-bg-t1 {
font-size: 0.36rem;
color: #cbcfd8;
color: #fff;
width: 100%;
text-align: center;
padding-top: 1.78rem;

4
public/static/index/pc/css/topic_laptop/progress.css
View File

@@ -11,7 +11,7 @@
}
.progress-title {
font-size: 0.48rem;
color: #cbcfd8;
color: #fff;
padding: 2.13rem 0 0.78rem 0;
font-family: "HarmonyOS-Medium";
}
@@ -197,6 +197,6 @@
color: #cbcfd8;
font-size: clamp(16px, 1vw, 0.22rem);
margin-top: 1.56rem;
margin-bottom: 3.93rem;
/* margin-bottom: 2.3rem; */
text-align: center;
}

173
public/static/index/pc/css/topic_laptop/progress2.css Normal file
View File

@@ -0,0 +1,173 @@
.container {
max-width: 14.4rem;
/* min-width: 1280px; */
margin: 0 auto;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.progress-section {
max-width: 14.4rem;
/* min-width: 1280px; */
}
.progress-title {
font-size: 0.48rem;
color: #fff;
padding: 2.13rem 0 0.78rem 0;
font-family: "HarmonyOS-Medium";
}
.progress-item .label {
font-size: 0.4rem;
color: #cbcfd8;
margin-bottom: 0.08rem;
display: flex;
justify-content: space-between;
align-items: baseline;
line-height: 1;
margin-top: 0.3rem;
margin-bottom: 0.76rem;
}
.progress-item .label .device-name {
flex: 1;
font-family: "HarmonyOS-Medium";
}
.progress-item .label .baseline {
color: #cbcfd8;
font-size: 0.6rem;
}
.progress-item .label .value {
font-size: 0.4rem;
min-width: 0.8rem;
text-align: right;
margin-left: 0.16rem;
font-family: "HarmonyOS-Medium";
}
.colorLinearGradient {
background: linear-gradient(90deg, #7e51ff, #d5dfff);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.progress-item .label .value.m4-max {
color: #5e5ce6;
}
.progress-item .label .value.gray {
color: #86868b;
}
.progress-bar-container {
display: flex;
align-items: center;
gap: 0.16rem;
/* 新增：让容器成为定位参考 */
position: relative;
}
.progress-bar {
flex: 1;
height: 0.2rem;
max-height: 20px;
min-height: 10px;
border-radius: 10px;
overflow: hidden;
position: relative;
/* 新增：进度条本身宽度100%，通过父容器控制实际宽度 */
width: 100%;
}
/* ========== 核心优化：进度条填充层（去掉流光） ========== */
.progress-fill {
height: 100%;
border-radius: 0.05rem;
/* 移除width过渡，改用transform（性能更优） */
transition: transform 1.2s ease-out;
/* 初始状态：向左偏移100%（完全隐藏） */
transform: translateX(-100%);
/* 固定宽度100%，不再动态修改width */
width: 100%;
position: absolute;
left: 0;
top: 0;
}
/* 新增：进度条激活状态（通过JS添加此类名） */
.progress-fill.active {
transform: translateX(0); /* 偏移0，完全显示 */
}
.progress-fill.m4-max {
background: linear-gradient(40deg, #7e51ff, #e1d5ff);
}
.progress-fill.m2-max {
background: #bfc5d9;
}
.progress-fill.m1-max {
background: #bfc5d9;
}
.progress-fill.baseline {
background: #bfc5d9;
}
/* 基准说明 */
.baseline-note {
margin-top: 0.3rem;
font-size: 0.13rem;
color: #86868b;
padding-top: 0.15rem;
border-top: 1px solid #e9e9eb;
}
.baseline-note sup {
font-size: 0.1rem;
vertical-align: top;
}
.w1440 {
width: 14.4rem;
}
.w1368 {
width: 13.68rem;
}
.w1243 {
width: 12.43rem;
}
.w964 {
width:9.64rem;
}
.w681 {
width: 6.81rem;
}
.w1274 {
width: 12.74rem;
}
.w1000 {
width:10rem;
}
.font32 {
font-size: 0.32rem !important;
}
.colorCBCFD8 {
color: #646778 !important;
}
.color8A8787 {
color: #646778 !important;
}
.progress-p {
color: #cbcfd8;
font-size: clamp(16px, 1vw, 0.22rem);
margin-top: 1.23rem;
margin-bottom: 5.04rem;
text-align: center;
}
.progress-p1 {
color: #cbcfd8;
font-size: clamp(16px, 1vw, 0.22rem);
margin-top: 1.56rem;
text-align: center;
}

13
public/static/index/pc/css/topic_laptop/qb.css
View File

@@ -1,18 +1,21 @@
/* .qb .auto-swiper-container {
background: none;
/* .qb {
position: absolute;
top:3rem;
left: 50%;
transform: translateX(-50%);
} */
.qb-t {
width: 100%;
font-size: 0.63rem;
color: #cbcfd8;
color: #fff;
text-align: center;
padding-top: 4.52rem;
padding-top: 3rem;
}
.qb-p {
font-size: clamp(16px, 1vw, 0.22rem);
color: #cbcfd8;
text-align: center;
padding-top: 0.54rem;
padding-top: 0.43rem;
padding-bottom: 0.56rem;
font-family: "HarmonyOS-Light";
}

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

@@ -15,7 +15,7 @@
margin: 0 auto;
}
.readon-t {
color: #cbcfd8;
color: #fff;
font-size: 0.68rem;
/* line-height: 1.4; */
/* padding-top: 1.01rem;

8
public/static/index/pc/css/topic_laptop/rgb.css
View File

@@ -1,7 +1,7 @@
.rgb {
position: relative;
width: 100%;
aspect-ratio: 2560/1440; /* 2560/1440=16/9，核心比例约束 */
aspect-ratio: 7680/2889; /* 2560/1440=16/9，核心比例约束 */
/* background: url('../img/rgb.png');
background-repeat: no-repeat;
background-size: 100% auto; */
@@ -10,7 +10,7 @@
}
.rgb-text {
position: absolute;
top: -50px;
top: -1rem;
width: 100%;
display: flex;
flex-direction: column;
@@ -19,14 +19,14 @@
.rgb-t {
width: 100%;
font-size: 0.63rem;
color: #cbcfd8;
color: #fff;
text-align: center;
}
.rgb-p {
font-size: clamp(16px, 1vw, 0.22rem);
color: #cbcfd8;
text-align: center;
padding-top: 0.73rem;
padding-top: 0.43rem;
line-height: 1.8;
font-family: "HarmonyOS-Light";
}

48
public/static/index/pc/css/topic_laptop/swiper.css
View File

@@ -7,7 +7,7 @@
min-height: 300px; */
overflow: hidden;
position: relative;
z-index: -1;
z-index: 1;
}
/* 轮播项 - 填充容器高度 */
@@ -27,3 +27,49 @@
/* object-fit: contain; 可选：完整显示图片，不裁剪（可能留黑边） */
display: block;
}
.swiper-container-texts {
position: absolute;
left: 50%;
top:2.3rem;
transform: translateX(-50%);
z-index: 10;
}
.swiper-container-texts-t {
font-size: 0.9rem;
text-align: center;
width: 100%;
line-height: 1;
}
.swiper-container-texts-p {
padding-top: 0.43rem;
font-size: 0.28rem;
text-align: center;
width: 100%;
display: flex;
align-items: center;
letter-spacing: 1.3px;
}
.swiper-container-texts-p div {
font-family: "HarmonyOS-Light";
}
.swiper-container-texts-line {
width: 1px;
height: 0.16rem;
background: #fff;
margin: 0 12px;
}
.swiper-container-texts-img {
width: 100%;
display: flex;
justify-content: center;
padding-top: 0.63rem;
cursor: pointer;
}
.swiper-container-texts-img a {
width: 1.82rem;
}
.swiper-container-texts-img img {
width: 1.82rem;
}

17
public/static/index/pc/css/topic_laptop/th.css
View File

@@ -83,7 +83,7 @@
font-size: clamp(16px, 1vw, 0.22rem);
color: #cbcfd8;
text-align: center;
margin-top: 1rem;
margin-top:0.7rem;
display: none;
}
.tabs-p.active {
@@ -95,11 +95,20 @@
.tab-panel-img {
background:#1c1c1e ;
width: 100%;
max-width: 14.4rem;
max-height: 7rem;
overflow: hidden;
display: flex;
justify-content: flex-end;
padding-top: 0.8rem;
padding-top: 0.7rem;
border-radius: 0.16rem;
}
.tab-panel-img img {
width: 100%;
max-width: 13.7rem;
height: 100%;
}
.tab-panel.active {
display: block;
}
@@ -108,8 +117,8 @@
color: #cbcfd8;
width: 100%;
text-align: center;
margin-top: 2.97rem;
margin-bottom: 1rem;
margin-top: 3rem;
margin-bottom: 0.7rem;
display: none;
}
.tab-t.active {

21
public/static/index/pc/css/topic_laptop/wift.css
View File

@@ -2,12 +2,22 @@
.wift-bg {
position: relative;
width: 100%;
aspect-ratio: 2560/1913; /* 2560/1440=16/9，核心比例约束 */
height: 100%;
aspect-ratio: 2560/1913;
/* 2560/1440=16/9，核心比例约束 */
/* background: url('../img/w1.png');
background-repeat: no-repeat;
background-size: 100% auto; */
min-width: 1280px;
margin-bottom: 0.71rem;
/* margin-bottom: 0.71rem; */
position: relative;
}
.wift-test {
position: absolute;
left:50%;
top:3rem;
transform: translateX(-50%);
}
.wift-bg-t {
font-size: 0.5rem;
@@ -20,7 +30,7 @@
color: #cbcfd8;
width: 100%;
text-align: center;
padding-top: 0.73rem;
padding-top: 0.43rem;
line-height: 1.8;
font-family: "HarmonyOS-Light";
}
@@ -47,9 +57,10 @@
}
.wift-t {
width: 100%;
color: #cbcfd8;
color: #fff;
text-align: center;
margin-top: 2.95rem;
/* margin-top: 2.95rem; */
/* padding-top: 2.95rem; */
font-size: 0.72rem;
}
.wift-t div:nth-child(1) {

8
public/static/index/pc/css/topic_laptop/wift6.css
View File

@@ -6,11 +6,11 @@
background-repeat: no-repeat;
background-size: 100% auto; */
min-width: 1280px;
margin-top: 2.45rem;
margin-top: 3.5rem;
}
.wift6-text {
position: absolute;
top: -50px;
top: -0.3rem;
width: 100%;
display: flex;
flex-direction: column;
@@ -19,14 +19,14 @@
.wift6-t {
width: 100%;
font-size: 0.63rem;
color: #cbcfd8;
color: #fff;
text-align: center;
}
.wift6-p {
font-size: clamp(16px, 1vw, 0.22rem);
color: #cbcfd8;
text-align: center;
padding-top: 0.74rem;
padding-top: 0.43rem;
line-height: 1.8;
font-family: "HarmonyOS-Light";
}

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

@@ -3,7 +3,7 @@
/* min-width: 1280px; */
position: relative;
width: 100%;
aspect-ratio: 1440/1399; /* 2560/1440=16/9，核心比例约束 */
aspect-ratio: 1440/1117; /* 2560/1440=16/9，核心比例约束 */
/* background: url('../img/windows1.png');
background-repeat: no-repeat;
background-size: 100% auto; */

10
public/static/index/pc/css/topic_laptop/xh.css
View File

@@ -1,24 +1,24 @@
.xh {
position: relative;
width: 100%;
aspect-ratio: 2560/2236; /* 2560/1440=16/9，核心比例约束 */
aspect-ratio: 5120/3316; /* 2560/1440=16/9，核心比例约束 */
/* background: url('../img/rgb.png');
background-repeat: no-repeat;
background-size: 100% auto; */
min-width: 1280px;
margin-top: 3.45rem;
margin-top: 3.56rem;
}
.xh-text {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 0.8rem;
/* padding-top: 0.8rem; */
}
.xh-t {
width: 100%;
font-size: 0.5rem;
color: #cbcfd8;
color: #fff;
text-align: center;
}
.xh-t span:nth-child(1) {
@@ -32,7 +32,7 @@
font-size: clamp(16px, 1vw, 0.22rem);
color: #cbcfd8;
text-align: center;
padding-top: 0.67rem;
padding-top: 0.43rem;
font-family: "HarmonyOS-Light";
}
.xh-img {

4
public/static/index/pc/css/topic_laptop/xn.css
View File

@@ -39,9 +39,9 @@
}
.xn-t {
font-size:0.63rem;
color: #cbcfd8;
color: #fff;
text-align: center;
margin-top: 4.74rem;
margin-top: 3rem;
margin-bottom: 1.26rem;
}
.xn-p {

6
public/static/index/pc/css/topic_laptop/yq.css
View File

@@ -3,7 +3,7 @@
position: relative;
width: 100%;
min-width: 1280px;
margin-top:2.49rem;
margin-top:1.5rem;
aspect-ratio: 16/9; /* 2560/1440=16/9，核心比例约束 */
/* background: url('../img/yq1.png'); */
background-size: cover;
@@ -24,13 +24,13 @@
/* 宽幅限制生效 */
width: 100%;
min-width: 1280px;
padding-top: 1.47rem;
padding-top: 1.5rem;
}
.overlay-text div {
width: 100%;
font-size: 0.63rem;
color: #cbcfd8;
color: #fff;
text-align: center;
line-height: 1;
font-size: 500;