下面是全局mixin定义css代码
// 省略号
@mixin ellipsis() {
overflow: hidden;
white-space: nowrap;//换行处理详细介绍可参考:https://www.jianshu.com/p/8ddbe4016778
-ms-text-overflow: ellipsis;
text-overflow: ellipsis; // 溢出替代符合 clip:直接裁剪 ellipsis:... 或者自定义字符串
}
// 自定义行数省略号
@mixin multiellipsis($line) {
display: -webkit-box; //必须这个display
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: $line;
-webkit-box-orient: vertical;
}