鍍金池/ 問(wèn)答/HTML/ 修改ant mobile組件樣式無(wú)效

修改ant mobile組件樣式無(wú)效

      import styles from './DetailPage.less';
         <List>
                <Item className={styles.itemTime} extra={this.state.deliveryTime}>發(fā)貨時(shí)間</Item>
                 </List>

clipboard.png

clipboard.png

要的效果：

clipboard.png

.less 文件：

 .itemTime{
    .am-list-line{
        .am-list-extra{
            flex-basis:50%;
        }
    }
}

老鐵們，這是怎么肥事？？

回答
編輯回答
玄鳥(niǎo)
.itemTime{
  :global {
    .am-list-line{
        .am-list-extra{
            flex-basis:50%;
        }
    }
  }
}
2018年5月31日 09:45