猿记录

一个记录、分享的博客

您的位置:主页 > 技术专栏 > javascript > vue >

vue2.0 使用stylus(sass)语法

2017-08-29 11:55:43 作者:yxl 次阅读 vue


模板中 style的地方要使用 lang="stylus"  如果要使用外部的scss文件的话,要使用后缀   .styl 文件  使用的时候 import进来
<!-- 如果要使用stylus 要使用 lang="stylus" -->
<style scoped lang="stylus" rel="stylesheet/stylus">
  @import "~common/stylus/variable"
  @import "~common/stylus/mixin"
 
  .m-header
    position: relative
    height: 44px
    text-align: center
    color: $color-theme
    font-size: 0
    .icon
      display: inline-block
      vertical-align: top
      margin-top: 6px
      width: 30px
      height: 32px
      margin-right: 9px
      bg-image('logo')
      background-size: 30px 32px
    .text
      display: inline-block
      vertical-align: top
      line-height: 44px
      font-size: $font-size-large
    .mine
      position: absolute
      top: 0
      right: 0
      .icon-mine
        display: block
        padding: 12px
        font-size: 20px
        color: $color-theme
</style>

凡本站注明“本站”或“投稿”的所有文章,版权均属于本站或投稿人,未经本站授权不得转载、摘编或利用其它方式使用上述作品。

编辑:yxl 关键词:
0

网友评论