Drawer 抽屉 规则 代码演示 API Drawer 抽屉 从左侧滑出的模态，包含各种导航分类。 规则 是 Android 推荐的导航方式，常见于该平台应用。 代码演示 基本 遮罩层模式 import { Drawer , List , NavBar } from 'antd-mobile...

Modal 对话框 规则 代码演示 API Modal Modal.alert(title, message, actions?, platform?) Modal.prompt(title, message, callbackOrActions, type?, defaultValue?, placeholders?, platform?) M...

Menu 菜单 规则 代码演示 API Menu 菜单 在一个临时的面板上显示一组操作。 规则 至少包含 2 个以上的菜单项。 不应该被当做主要导航方式。 代码演示 菜单 /* eslint global-require:0, no-nested-ternary:0 */ import { Menu...

List 列表 定义／Definition 规则 / Rule 代码演示 API List List.Header List.Body List.Footer List.Item List 列表 定义／Definition 列表以一致的格式来显示一组相关的内容，为一致性的类型或者一组内容指定优先顺序来体现层次感以获取更好的可读性...

DatePicker 日期选择 规则 代码演示 API DatePicker 日期选择 用于选择日期或者时间。 规则 最多展示 5 个独立滚轮，每个滚轮表示一个不同的值。 代码演示 基本 import { DatePicker , List } from 'antd-mobile' ; imp...

全局参数 公共类 Ng补丁 通用 Zorro组件补丁 通用 表单 表格 小部件 全局参数 公共类 名称 默认值 功能 @layout-gutter 8px antd布局间距，不可改变 @font-size-base 14px antd字号 @primary-color 蓝色 antd 主色 @mobile-min 76...

Tabs 标签页 规则 代码演示 API Tabs Tabs.TabPane Tabs 标签页 用于让用户在不同的视图中进行切换。 规则 标签数量，一般 2-4 个；其中，标签中的文案需要精简，一般 2-4 个字。 在 iOS 端的次级页面中，不建议使用左右滑动来切换 Tab，这个和 iOS 的左滑返回存在冲突，eg：详情页中 T...

DatePicker 日期选择 规则 代码演示 API DatePicker 日期选择 用于选择日期或者时间。 规则 最多展示 5 个独立滚轮，每个滚轮表示一个不同的值。 代码演示 基本 日期时间选择示例 (rc-form 文档 ) import { DatePicker , List } from ...

Popup 弹出层 规则 代码演示 API static show(content: React.Element, options: Object): static hide(): 关闭 Popup static newInstance() (web only) Popup 弹出层 从顶部或底部浮出的模态，提供标题和关闭按钮，展示和当前内...

WhiteSpace 上下留白 代码演示 WhiteSpace 上下留白 WhiteSpace 是 Flex 布局的控件之一。 代码演示 基本 上下留白 <WhiteSpace size='md' /> import { WhiteSpace } from 'antd-mobile' ; const PlaceHo...