feat: 添加悬停动画效果并优化音频播放逻辑

为多个元素添加悬停动画效果,提升用户体验
重构音频播放逻辑,增加judgmentPlayUrl方法统一处理播放
更新HTML元数据,优化SEO和移动端适配
修改部分文案内容
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-09-25 15:34:07 +08:00
parent c5abafdc86
commit 523547871e
4 changed files with 105 additions and 14 deletions

View File

@@ -470,7 +470,6 @@
height: 100%;
border-radius: 10px;
transition: all 0.3s ease-in-out;
}
.play {
@@ -614,6 +613,11 @@
}
.operate {
transition: all 0.3s ease-in-out;
> img:hover {
transform: scale(1.1);
}
.speed {
width: 16px;
height: 12px;
@@ -748,6 +752,12 @@
}
.operate {
transition: all 0.3s ease-in-out;
> img:hover {
transform: scale(1.1);
}
.speed {
width: 16px;
height: 12px;
@@ -767,6 +777,11 @@
width: 240px;
height: 240px;
filter: drop-shadow(5px 5px 2.5px rgba(0, 0, 0, 0.35));
transition: all 0.3s ease-in-out;
&:hover {
transform: scale(1.05);
}
}
}
}
@@ -815,6 +830,10 @@
cursor: pointer;
transition: all 0.3s ease-in-out;
&:hover {
transform: scale(1.1);
}
&.img5 {
left: 0;
z-index: 2;
@@ -922,6 +941,10 @@
}
.operate {
transition: all 0.3s ease-in-out;
> img:hover {
transform: scale(1.1);
}
.cut {
width: 14px;
height: 12px;