diff --git a/src/views/monitor/components/warnList.vue b/src/views/monitor/components/warnList.vue index e16223c..f2b4c61 100644 --- a/src/views/monitor/components/warnList.vue +++ b/src/views/monitor/components/warnList.vue @@ -15,9 +15,8 @@ @click="handleImage(item)" >
{{ item.analyzeTypeName}}
- + class="item-title-box" + >
{{ item.analyzeTypeName}}
{{ item.number}}人

{{ item.cameraName || item.cameraIndexCode }} @@ -185,17 +184,31 @@ font-weight: bold; } } - .item-title{ + .item-title-box{ font-weight: 400; z-index: 99; height: vw(50); - padding: vw(10); + font-size: vw(24); color: #ffffff; position: absolute; left: 3%; - background-image: url('@/assets/images/unfollow.png'); - background-size: 100% 100%; + + .item-title{ + padding: vw(10); + display: inline-block; + background-image: url('@/assets/images/unfollow.png'); + background-size: 100% 100%; + } + .item-num{ + margin-left: vw(6); + padding: vw(5); + display: inline-block; + color: #ffffff; + background-color:red; + border-radius: 15%; + font-weight: bolder; + } } .no-data{ height:vh(860);