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

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

Material UI - 選項(xiàng)卡圖標(biāo)樣式

Material UI - 選項(xiàng)卡圖標(biāo)樣式

海綿寶寶撒 2023-05-25 17:33:53
我正在動(dòng)態(tài)使用此選項(xiàng)卡:        <Tabs          value={value}          onChange={handleChange}          variant="scrollable"          scrollButtons="off"          indicatorColor="primary"          textColor="primary"          aria-label="scrollable"          classes={{            indicator: classes.indicator,            flexContainer: classes.flexContainer,          }}        >          {routes.map((value, index) => (            <Tab              classes={{                root: classes.tabRoot,                wrapper: classes.wrapper,                labelIcon: classes.labelIcon,                selected: classes.selected,              }}              key={index}              label={strings(value)}              icon={getIcon(value)}              {...a11yProps(index)}            />          ))}          {<Grid container>            <Grid item xs>              <PrintButton                type= "widget"                params={queryParams}                style={{                  textTransform: "capitalize",                  float: "right"                }}              />            </Grid>          </Grid>}        </Tabs>這是 getIcon 函數(shù):const getIcon = (value) => {  if (value === eventType.view) return <PageviewIcon />;  if (value === eventType.lead) return <ContactsIcon />;  if (value === eventType.share) return <ShareIcon />;  if (value === eventType.follow) return <GroupAddIcon />;  if (value === eventType.media) return <PermMediaIcon />;  if (value === eventType.print) return <FindInPageIcon />;  return null;};每個(gè)選項(xiàng)卡都是這樣看的:我正在嘗試用一些填充來分隔標(biāo)簽中的圖標(biāo),如下所示:但是我無法找到一種方法來替換這個(gè)類MuiTab-labelIcon .MuiTab-wrapper ,默認(rèn)情況下它是這樣的:在更新到 Material UI v4 之前我沒有遇到這個(gè)問題我嘗試在圖標(biāo)上使用內(nèi)聯(lián)樣式,但導(dǎo)致圖標(biāo)非常小<ShareIcon style={{paddingBottom: '0px', paddingRight: "10px"}}/>我將不勝感激任何幫助,在此先感謝!
查看完整描述

1 回答

?
眼眸繁星

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

用父組件包裹文本和圖標(biāo)并應(yīng)用

style={{ display: 'flex', alignItems: 'center', flexDirection: 'row', justifyContent: 'center' }}



查看完整回答
反對(duì) 回復(fù) 2023-05-25
  • 1 回答
  • 0 關(guān)注
  • 154 瀏覽
慕課專欄
更多

添加回答

舉報(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)