style域扩展

CSS预处理器

mpx支持所有主流的css预编译处理,只需要在style的lang中设置使用的预编译语言(stylus/less/sass等)并且安装对应的webpack-loader即可正常使用。

示例:

  1. <template>
  2. <view class="container">
  3. <text class="item">123</text>
  4. </view>
  5. </template>
  6. <style lang="stylus">
  7. .container
  8. padding 10px
  9. .item
  10. text-align center
  11. </style>

rpx转换

为了处理某些ide中不支持rpx单位的问题,mpx提供了一个将px转换为rpx的功能,详情请查看mpx-loader选项