多行文本超出隐藏显示省略号样式

html结构

<view class="top-word">
	<text>{{good_info.title}}</text>
</view>

css样式

.top-word{
		width: 90%;
		display: -webkit-box;
		-webkit-line-clamp:2;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		text{
			color: #333333;
			font-size: 14px;
			font-weight: Medium;
			font-family: PingFang SC;
		}
	}