文本溢出隐藏

在不用过滤器的情况，直接通过设置 css 样式使文本溢出隐藏：

vue 框架中可以用 filter 过滤器；微信小程序中可用该方法进行设置。

 1.单行文本溢出隐藏： 

text{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

 2.多行文本溢出隐藏：

text{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

3. 在scss中的写法：

$lines: (1, 2, 3, 4, 5, 6, 7, 8);
@each $value in $lines {
  &.multiple-line-point-#{$value} {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: $value;
    -webkit-box-orient: vertical;
  }
}