第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

更改默認(rèn)文本顏色材質(zhì) UI

更改默認(rèn)文本顏色材質(zhì) UI

我在哪里可以更改 Material UI 主題中的默認(rèn)文本顏色?設(shè)置primary,secondary以及error作品const styles = { a: 'red', b: 'green', ... };createMuiTheme({    palette: {        primary: {          light: styles.a,          main: styles.b,          dark: styles.c,          contrastText: styles.d        },        secondary: {          light: styles.aa,          main: styles.bb,          dark: styles.cc,          contrastText: styles.dd        },        error: {          light: styles.aaa,          main: styles.bbb,          dark: styles.ccc,          contrastText: styles.ddd,        },    ...,    }...,}現(xiàn)在,當(dāng)我使用<Typography />組件時(shí),我可以這樣做<Typography  color='primary'  variant='h6'>  Foo</Typography>這給了它我在palette.primary.main.但是,當(dāng)我將color道具留空時(shí)<Typography  variant='h6'>  Foo</Typography>我給了一個(gè)灰色的顏色。那個(gè)顏色是在哪里定義的?我可以在哪里定義額外的文本顏色primary,secondary以及error?Simplay 添加另一個(gè)鍵palette不起作用...createMuiTheme({    palette: {        ...,        text1: {          light: styles.t,          main: styles.tt,          dark: styles.ttt,          contrastText: styles.tttt,        },    ...    }...}
查看完整描述

2 回答

?
紅糖糍粑

TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超6個(gè)贊

它是這樣完成的。


createMuiTheme({

    palette: {

        ...,

        text: {

          primary: styles.t,

          secondary: styles.tt,

          disabled: styles.ttt,

          hint: styles.tttt,

        },

    ...

    }

...

}

確保那primary是color code,而不是object。顏色可以這樣使用


<Typography

    color='textPrimary'> // or 'textSecondary', 'hint', 'disabled'

    Foo Bar

</Typography>


查看完整回答
反對(duì) 回復(fù) 2021-11-12
?
呼啦一陣風(fēng)

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超6個(gè)贊

如果要更改“material-ui”Typography 組件的默認(rèn)顏色,可以使用這種代碼。


import { createMuiTheme, ThemeProvider, Typography } from '@material-ui/core';


const MuiTheme = createMuiTheme({

  typography: {

    allVariants: {

      color: 'red'

    }

  }

});


const App = () => {

  return (

    <ThemeProvider theme={MuiTheme}>

      <Typography>Hi there</Typography>

    </ThemeProvider>

  );

};


export default App;

這會(huì)將 Typography 組件的默認(rèn)顏色更改為您想要的任何顏色(對(duì)于此示例,它使默認(rèn)顏色為紅色),當(dāng)然它會(huì)通過在 Typography 組件中使用“color”屬性來更改。


查看完整回答
反對(duì) 回復(fù) 2021-11-12
  • 2 回答
  • 0 關(guān)注
  • 215 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)