关于stylus的方法解耦

废话不多说直接上图

将文字过长后添加省略号的方法抽离、并且使用

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()