kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

28536

Browse Source
This commit is contained in:
yanran200730
2022-03-28 10:39:06 +08:00
parent 52c854661a
commit 0eb5036b11
1 changed files with 28 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
project/shandong10086/apps/shandong/monitor/AppMonitorManage/AppMonitorManage.vue
View File

@@ -20,7 +20,10 @@
:style="currentSplitStyle"> :style="currentSplitStyle">
<AiMonitor :src="m.url" type="slw"></AiMonitor> <AiMonitor :src="m.url" type="slw"></AiMonitor>
<span>{{ m.name }}</span> <span>{{ m.name }}</span>
<i class="el-icon-circle-close" v-if="m.isShowPlayBtn" title="关闭" @click="removeMonitor(i)"></i> <div class="videoBox-close" @click="removeMonitor(i)" v-if="m.isShowPlayBtn">
<i class="el-icon-circle-close"></i>
<span>关闭视频</span>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -271,7 +274,7 @@
background: #000; background: #000;
flex-shrink: 0; flex-shrink: 0;
span { & > span {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
@@ -287,16 +290,34 @@
font-size: 16px; font-size: 16px;
} }
i { .videoBox-close {
display: flex;
position: absolute; position: absolute;
right: 20px; align-items: center;
top: 40px; justify-content: center;
right: 8px;
top: 8px;
z-index: 11; z-index: 11;
font-size: 60px; width: 84px;
height: 32px;
line-height: 1;
background: linear-gradient(180deg, #2E3447 0%, #151825 100%);
border-radius: 2px;
cursor: pointer; cursor: pointer;
font-size: 12px;
color: #fff;
&:hover { &:hover {
opacity: 0.6; opacity: 0.8;
}
span {
margin-left: 4px;
}
i {
position: relative;
font-size: 16px;
} }
} }