feat:完善功能
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user