废话不多说直接上图
将文字过长后添加省略号的方法抽离、并且使用
mixins.stylus (方法)
ellipsis()
overflow hidden
white-space: nowrap
text-overflow ellipsis
在vue组件中使用,这里可能会出现不生效的问题,只需要在父元素中添加 :min-width 0 即可
//引入文件
@import "~styles/mixins.stylus"
//使用
.info-desc
margin-top .2rem
ellipsis()