在vue中使用stylus的混入

• 先引入对应的文件（ 注意样式里面引入样式，要用@，还要注意 @，要用 ）

代码语言：javascript复制

  @import "~@/assets/styles/mixins.styl"  ///  引入混入

• 直接在样式中使用

代码语言：javascript复制

    .icon-desc {
            ellipsis(); ///    直接使用 stylus 的混入
        }

• mixins.styl 的文件的内容

代码语言：javascript复制

  ellipsis() {
    overflow: hidden;
    white-space : nowrap;
    -ms-text-overflow: ellipsis
    text-overflow: ellipsis
  }

mixins

0 人点赞