用border-color 的 transparent 制作一个三角形

border-color可以把纤体哦分为四个三角形区域，上 右 下 左，每个区域有一种颜色，如果把其他三个区域设定成透明色，就制作出来一个三角形

border-color:：[ border-top-color ] || [ border-right-color ] || [
border-bottom-color ] || [ border-left-color ] 上 右 下 左

border-color:transparent  #f4f4f4 transparent transparent;

 

.user-chat-list-body{
	position: relative;
	background: #F4F4F4;
	padding: 25upx;
	margin-left: 20upx;
	border-radius: 20upx;
	margin-right: 100upx;
}
.user-chat-list-body:after{
	position: absolute;
	left: -30upx;
	right: 0;
	top: 30upx;
	content: '';
	width: 0;
	height: 0;
	border: 16upx solid #F4F4F4;
	border-color: transparent #F4F4F4 transparent transparent;
}