style(css): 优化播放按钮和标签的样式设计

简化播放按钮的样式实现,移除冗余的伪元素,改用box-shadow实现边框效果
统一标签的圆角半径和背景色,移除注释掉的代码
调整播放按钮点击逻辑,当playurl不存在时自动获取播放链接
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-09-19 19:18:28 +08:00
parent 7355bdd146
commit 0e0d977c3b
4 changed files with 30 additions and 87 deletions

View File

@@ -295,22 +295,11 @@
.container .container-box .list-box .list-fill .fill-item {
width: 33px;
height: 23px;
border-radius: 8px;
background-color: rgba(255, 255, 255, 0.223529);
border-radius: 100px;
position: absolute;
cursor: pointer;
}
.container .container-box .list-box .list-fill .fill-item::after {
content: "";
width: calc(100% - 6px);
height: calc(100% - 6px);
box-shadow: 0px 0 0 3px rgba(255, 255, 255, 0.223529);
background: rgba(255, 255, 255, 0.5);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 8px;
z-index: -1;
}
.container .container-box .list-box .list-fill .fill-item.item2 {
width: 48px;