类型:开发
描述:
This commit is contained in:
@@ -15,9 +15,8 @@
|
|||||||
@click="handleImage(item)"
|
@click="handleImage(item)"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item-title"
|
class="item-title-box"
|
||||||
>{{ item.analyzeTypeName}}</div>
|
><div class="item-title">{{ item.analyzeTypeName}}</div><div class="item-num">{{ item.number}}人</div></div>
|
||||||
|
|
||||||
<img style="width: 100%;height: 100%;" :src="item.imgurl || imageEmpty">
|
<img style="width: 100%;height: 100%;" :src="item.imgurl || imageEmpty">
|
||||||
<p style="display: flex;justify-content: space-between;">
|
<p style="display: flex;justify-content: space-between;">
|
||||||
<span> {{ item.cameraName || item.cameraIndexCode }}</span>
|
<span> {{ item.cameraName || item.cameraIndexCode }}</span>
|
||||||
@@ -185,17 +184,31 @@
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.item-title{
|
.item-title-box{
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
height: vw(50);
|
height: vw(50);
|
||||||
padding: vw(10);
|
|
||||||
font-size: vw(24);
|
font-size: vw(24);
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 3%;
|
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{
|
.no-data{
|
||||||
height:vh(860);
|
height:vh(860);
|
||||||
|
|||||||
Reference in New Issue
Block a user