樣式

Remax 默認(rèn)支持 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 會(huì)自動(dòng)把 px 轉(zhuǎn)換成小程序 rpx：

.view {
  height: 16px;
}

.view {
  height: 16rpx;
}

如果你不想轉(zhuǎn)換 px ，就寫成 PX，如：

.view {
  height: 16PX:
}

如果整個(gè)項(xiàng)目都不想轉(zhuǎn)換 px 則可以在配置中將 pxToRpx 選項(xiàng)置為 false。

Remax 同時(shí)也支持 CSS Modules

所有以 module.css|less 結(jié)尾的文件都將按照 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 匹配規(guī)則

小程序自定義組件樣式

Remax 使用的是 React 組件特性，因此沒有自定義組件的概念，你無須關(guān)心小程序自定義組件樣式的問題

樣式補(bǔ)全

Remax 沒有對樣式做補(bǔ)全，在上傳代碼時(shí)，記得開啟小程序 樣式補(bǔ)全 選項(xiàng)