vue中使用stylus編寫css

安裝步驟

• cnpm install stylus --save-dev
• cnpm install stylus-loader --save-dev

寫法如下：

<style lang="stylus">
  .goods
    display flex
    position absolute
    top 174px
    bottom 46px
    width 100%
    overflow hidden
    .menu-wrapper
      flex 0 0 80px
      width 80px
      background #f3f5f7
      margin-top: 2px;
      .menu-item-selected
        background white
        font-weight 700
        margin-top -1px
</style>

　　

參考文檔：http://www.mamicode.com/info-detail-1863165.html

stylus教程：http://www.zhangxinxu.com/jq/stylus/functions.php