我有這樣的東西。我猜是手風琴。一切都很好,但是那條該死的黑線讓我很困惑。即使手風琴關閉,它怎么還保留在那里。


這需要在 React 中使用 MaterialUI 來實作。
我該怎么辦?
到目前為止,我嘗試過的是:
<div>
<Accordion elevation={0} disableGutters={true} >
<AccordionSummary
expandIcon={<ExpandMoreIcon />}
aria-controls="panel1a-content"
id="panel1a-header"
>
<Typography>Accordion 1</Typography>
</AccordionSummary>
<div style={{ border: '1px solid black' }}></div>
<AccordionDetails>
<Typography>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
malesuada lacus ex, sit amet blandit leo lobortis eget.
</Typography>
</AccordionDetails>
</Accordion>
</div>
上面的代碼幾乎很好用,但是當我關閉手風琴時,黑線隨之關閉
uj5u.com熱心網友回復:
sx您可以使用prop inside添加底部邊框Accordion。然后你不需要Div為邊框創建單獨的。
...
<Accordion
elevation={0}
disableGutters={true}
sx={{
'.MuiAccordionSummary-root':{
borderBottom:'1px solid black',
},
}}
>
...
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/530050.html
標籤:反应用户界面材料-ui
上一篇:我想在tkinter程式中創建一個后退按鈕來重新創建一個填充的表單。如何重新打開已撤回的根視窗?
下一篇:在Kivy中每秒顯示一個亂數
