📜  如何控制抽屉标题颤动的大小 (1)

📅  最后修改于: 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 属性设置为一个对象,这个对象包含 fontSizefontWeight 两个属性,分别用来控制标题的字号和字重。

注:本次返回的markdown中,示例代码需按照sidebar需设置一些宽高属性。