css控制文本一行省略号 transition动画

.content{
			flex:1;//content的父级为display:flex；所以flex:1;的作用是占据剩下的空间
			white-space:nowrap;/*不进行换行*/
			text-overflow:ellipsis;//省略号
			overflow: hidden;//这行也必须要
	}

.rotate_style{//这是旋转后的样式
	transform: rotate(225deg) !important;
	transition: transform ease 500ms;
}
.selfArrow{//这是原本的样式
	width: 18rpx;
	height: 18rpx;
	border-left:1px solid #878787;
	border-top:1px solid #878787;
	transform: rotate(45deg);
	transition:transform ease 500ms;
}