feat:完善功能

This commit is contained in:
zjc
2025-02-23 12:52:09 +08:00
parent 2d881eae08
commit 7e822f1c66
9 changed files with 82 additions and 126 deletions

View File

@@ -14,13 +14,14 @@
<p class="item-title--primary">
{{ item.cameraName || item.cameraIndexCode }}
</p>
<div class="item-unfollow">取消关注</div>
<video
class="item-img"
:id="'video' + index"
muted
autoplay
:controls="false"
style="object-fit: cover"
controlsList="nodownload"
>
<source src="" type="application/x-mpegURL" />
</video>
@@ -145,9 +146,30 @@
margin-bottom: vh(10);
padding: vw(10);
background-size: 100% 100%;
&-unfollow {
display: none;
position: absolute;
right: vw(8);
top: vw(8);
width: vw(64);
height: vh(24);
text-align: center;
line-height: vh(24);
font-weight: 400;
font-size: vw(12);
color: #ffffff;
background-image: url('@/assets/images/unfollow.png');
background-size: 100% 100%;
}
&:hover {
.item-unfollow {
display: block;
}
}
& > div {
position: relative;
}
&-title {
position: absolute;
bottom: 0;