专栏首页vue的实战在vue中使用stylus的混入

在vue中使用stylus的混入

  • 先引入对应的文件( 注意样式里面引入样式,要用@,还要注意 @,要用 )
  @import "~@/assets/styles/mixins.styl"  ///  引入混入
  • 直接在样式中使用
    .icon-desc {
            ellipsis(); ///    直接使用 stylus 的混入
        }
  • mixins.styl 的文件的内容
  ellipsis() {
    overflow: hidden;
    white-space : nowrap;
    -ms-text-overflow: ellipsis
    text-overflow: ellipsis
  }

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • element 框架的数据拼接

    用户4344670
  • element-ui的步骤条组件 el-steps

    用户4344670
  • vue的自定义组件

    用户4344670
  • Actframework依赖注入 II - 注入对象类型

    老码农
  • 不定高多行溢出文本省略

    大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。

    空空云
  • 简单聊聊契约式设计(上)

    我在阅读Bob大叔的《敏捷软件开发:原则、模式与实践》第十章的时候第一次接触Design by Contract这个概念。Bob大叔在讲述面向对象设计SOLID...

    袁慎建@ThoughtWorks
  • annotationProcessor 自动生成代码(上)

    有时候,我们需要开发大量重复的代码。每段代码,只有少数成员变量命名不同。这样的场景在开发接口层时,感觉尤为明显。 接口类可能只是实现类的抽象形式。但每个实现方...

    Oceanlong
  • Android插件化基础3----Android的编译打包流程详解

    .apk文件其实就是一个压缩包,把文件的后缀改成.zip,用压缩软件解压搜就可的下图(我是mac)

    隔壁老李头
  • idea新建springCloud项目(4)- 商品服务

    将application.properties修改为application.yml

    MonroeCode
  • 《笨办法学Python》 第23课手记

    《笨办法学Python》 第23课手记 本节课作者让我们读代码,所以就好好看看咯。 关键是掌握查找代码的方法,这很重要,如果你想当一名程序员,那么很多时候可能你...

    Steve Wang

扫码关注云+社区

领取腾讯云代金券