📅  最后修改于: 2023-12-03 15:24:47.517000             🧑  作者: Mango
如果你想控制抽屉(Drawer)组件的标题颤动(Shaking),你可以使用 Drawer
组件提供的 titleStyle
属性来设置标题的样式。下面是一个简单的例子:
import { Drawer } from 'antd-mobile';
const Example = () => {
const [open, setOpen] = useState(false);
return (
<Drawer
open={open}
onOpenChange={setOpen}
sidebar={<div>Sidebar</div>}
style={{
minHeight: document.documentElement.clientHeight,
}}
title="Title"
titleStyle={{
fontSize: 24,
fontWeight: 'bold',
}}
>
<div>Main content</div>
</Drawer>
);
};
在这个例子中,我们将 titleStyle
属性设置为一个对象,这个对象包含 fontSize
和 fontWeight
两个属性,分别用来控制标题的字号和字重。
注:本次返回的markdown中,示例代码需按照sidebar需设置一些宽高属性。