fac卡片網(wǎng)格靈活控制寬高
實(shí)現(xiàn)效果如下

相關(guān)依賴
dash==3.2.0 feffery_antd_components==0.4.2 feffery_dash_utils==0.2.6
實(shí)現(xiàn)代碼
import dash from dash import html import feffery_antd_components as fac from feffery_dash_utils.style_utils import style app = dash.Dash(__name__) app.layout = html.Div( [ fac.AntdCard( [ fac.AntdCardGrid("網(wǎng)格1", style=style(width="calc(100% / 3)")), fac.AntdCardGrid( "網(wǎng)格2", style=style(width="calc(2 * calc(100% / 3))") ), *[ fac.AntdCardGrid( f"網(wǎng)格{3 + i}", style=style(width="calc(100% / 7)") ) for i in range(7) ], *[ fac.AntdCardGrid( f"網(wǎng)格{10 + i}", style=style(width="calc(100% / 5)", height=150) ) for i in range(5) ], ], title="卡片網(wǎng)格示例", ) ], style=style(padding=50), ) if __name__ == "__main__": app.run(debug=True)
本文來(lái)自博客園,作者:羊駝之歌,轉(zhuǎn)載請(qǐng)注明原文鏈接:http://www.rzrgm.cn/shijieli/p/19146225

浙公網(wǎng)安備 33010602011771號(hào)