样式优化

src/views/index/indexCompany.vue

@@ -222,7 +222,7 @@
 						</div>
 					</div>
 					<div class="list-box-item-info flex align-center justify-between">
-						<div class="list-box-item-info-name">
+						<div class="list-box-item-info-name" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
 							期望岗位：{{ item.expectedPosition }}
 						</div>
 						<!-- <div class="list-box-item-info-price">

src/views/message/index.vue

@@ -62,7 +62,10 @@
 						@click.stop="startMsg(item,index)" v-for="(item,index) in leftList" :key="index">
 						<div class="content-l-box-item flex justify-between">
 							<div class="content-l-box-item-l flex align-center">
-								<img :src="item.avatar?item.avatar:'/default.jpg'" alt="" srcset="" />
+								<div style="position: relative;">
+									<img :src="item.avatar ? item.avatar : '/default.jpg'" alt="" srcset="" />
+									<div v-if="item.contentCount > 0" class="contentCount">{{ item.contentCount }}</div>
+								</div>
 								<div class="content-l-box-item-con">
 									<div class="content-l-box-item-con-title flex algin-center">
 										{{item.userName}}
@@ -147,7 +150,7 @@
 							</div>
 							<div class="content-l-box-item-r" style="flex-shrink: 0;">
 								{{item.messageTime? getDateDiff(item.messageTime):''}}
-								<div class="flex justify-end delete-btn" style="margin-top: 5px;" @click="deleteMsg(item)">
+								<div class="flex justify-end delete-btn" style="margin-top: 5px;" @click.stop="deleteMsg(item)">
 									删除
 								</div>
 							</div>
@@ -2252,4 +2255,18 @@
 	.content-l-box-item:hover .delete-btn {
 		display: flex;
 	}
+	.contentCount{
+		height: 18px;
+		border-radius: 10px;
+		background-color: #f56c6c;
+		color: #FFF;
+		text-align: center;
+		position: absolute;
+		top: 0;
+		right: -5px;
+		font-size: 12px;
+		display: inline-flex;
+		justify-content: center;
+		padding: 0 6px;
+	}
 </style>