样式

Remax 默认支持 css/less/sass/stylus，安装你需要的样式处理器，即可使用。如：

  npm install less --save  # less 用户
  npm install node-sass --save  # sass 用户

import './index.css';
import './index.less';
import './index.scss';

Remax 会自动把 px 转换成小程序 rpx：

.view {
  height: 16px;
}

.view {
  height: 16rpx;
}

如果你不想转换 px ，就写成 PX，如：

.view {
  height: 16PX:
}

如果整个项目都不想转换 px 则可以在配置中将 pxToRpx 选项置为 false。

Remax 同时也支持 CSS Modules

所有以 module.css|less 结尾的文件都将按照 CSS Modules 处理。如：

/* index.module.css */
.view {
  display: flex;
}

import styles from './index.module.css';
export default function() {
  return <View className={styles.view}> view </View>;
}

你也可以通过 remax.config.js 配置不同的 CSS Modules 匹配规则

小程序自定义组件样式

Remax 使用的是 React 组件特性，因此没有自定义组件的概念，你无须关心小程序自定义组件样式的问题

样式补全

Remax 没有对样式做补全，在上传代码时，记得开启小程序 样式补全 选项