比如antd for mobile,已经定义了默认的ui的class样式,如果想在当前页面的控件显示特殊的样式,除了指定style外,还可以强制改变默认class的样式,比如我想改变list.item的字体。
在返回渲染布局里面加上
return (
<>
<style>
{`
a.adm-list-item div.adm-list-item-content div.adm-list-item-content-main{
font-size:large;
}`
}
</style>
{menuItems.length > 0 ? (
<List header="上料操作菜单">
{menuItems.filter(item => !item.path.endsWith("ScanRecords")).map(item => (
<List.Item
key={item.path}
onClick={() => handleMenuClick(item.path)}
arrow
>
{item.title}
</List.Item>
))}
</List>
) : (
<Empty description="暂无可用菜单" />
)}
...