W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
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>;}
你也可以通過(guò) remax.config.js 配置不同的 CSS Modules 匹配規(guī)則
Remax 使用的是 React 組件特性,因此沒(méi)有自定義組件的概念,你無(wú)須關(guān)心小程序自定義組件樣式的問(wèn)題
Remax 沒(méi)有對(duì)樣式做補(bǔ)全,在上傳代碼時(shí),記得開(kāi)啟小程序 樣式補(bǔ)全 選項(xiàng)
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: