style(css): 优化播放按钮和标签的样式设计
简化播放按钮的样式实现,移除冗余的伪元素,改用box-shadow实现边框效果 统一标签的圆角半径和背景色,移除注释掉的代码 调整播放按钮点击逻辑,当playurl不存在时自动获取播放链接
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user