使用 createStyles 书写样式

antd-style 提供的核心 api 是 createStyles ，该方法可以使用类名组织样式，更加接近 CSS Modules 的写法。

典型示例

一个包含基础用法的 demo 示例，看懂了这个 demo 就会使用 createStyles 方法了。

详细介绍

createStyles 针对不同的使用场景，提供了若干种写法来满足研发诉求，并且提升研发体验。

写法一：不需要动态性

如果不需要动态性，可以直接用 createStyles 传入一个样式对象。

写法二：结合 antd 的 token 使用

createStyles 方法可以使用 antd 的 token 和自定义 token。此时 createStyles 的入参需要变成函数。

写法三：结合外部传入 props

函数的第二个参数可以接收外部的 props。

下方 demo 为结合外部入参的 antd Select 组件覆写 demo。

代码组织文件拆分

如果组件样式简单，可以合并在一个文件中，但如果样式文件较大，强烈建议把样式文件部分独立到 style.ts 文件中。如下所示：

其他常用 css 语法

Keyframes

支持两种 keyframes 写法，使用 keyframes 方法或者 css 原生的 @keyframes。

API

关于 createStyles 方法的详细 API 说明，可以参阅 createStyles API 文档。