Flex Flex布局 规则 代码演示 API Flex Flex.Item Flex Flex布局 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 规则 Flex布局的相关知识请先阅读阮一峰的博客Flex 布局教程 代码演示 基本 基本,子元素FLex.Item,设置fle...

List 列表 规则 代码演示 API List List.Item List.Item.Brief List 列表 单个连续模块垂直排列，显示当前的内容、状态和可进行的操作。eg：联系人列表。 规则 一般由主要信息、主要操作、次要信息、次要操作组成。 主要信息和主要操作放在列表的左边，次要信息和次要操作放在列表的右边。 ...

WingBlank 两翼留白 代码演示 API WingBlank 两翼留白 WingBlank 是 Flex 布局的控件之一。 代码演示 基本 <WingBlank size='md'>…</WingBlank> import { WingBlank , WhiteSpace , Button } f...

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

介绍 设计资源 前端实现 谁在使用 社区评价 如何贡献 介绍 蚂蚁的企业级产品是一个庞大且复杂的系统，数量多且功能复杂，而且变动和并发频繁，常常需要设计者与开发者能快速做出响应。同时这类产品中有存在很多类似的页面以及组件，可以通过抽象得到一些稳定且高复用性的内容。 随着商业化的趋势，越来越多的企业级产品对更好的用户体验有了进一步的要求...

升级指南 0.9.x => 1.0 组件的 icon 从 iconfont 转为使用 svg 图片 Web Slider 拆分成 Slider, Range, createTooltip, 使用方式参见 Slider文档, Range文档 其他常用组件更新注意事项 0.8.x => 0.9 升级指南 0.9.x => 1.0 0.8.x...

Drawer 抽屉 定义／Definition 规则 / Rule 代码演示 API Drawer 抽屉 定义／Definition 属于次级导航分类，结合手势操作，从屏幕边缘唤出抽屉栏。 可用做侧边菜单、右边抽屉。 规则 / Rule 侧边抽屉导航最好不要设计在顶部或者底部，防止和系统的操作冲突。 代码演示 基本 遮罩层模...

ListView 长列表 代码演示 API ( 适用平台：WEB、React-Native ) React Native ListView 在 WEB 平台上不被支持的 API 列表： WEB 平台新增API WEB 平台新增 ListView.IndexedList 组件 常见问题与实现原理 ListView 长列表 最适用于显示同类的...

WingBlank 两翼留白 代码演示 API WingBlank 两翼留白 布局控件 代码演示 基本 <WingBlank size='md'>…</WingBlank> import { WingBlank , WhiteSpace } from 'antd-mobile' ; const ...

Accordion 手风琴 规则 代码演示 API Accordion Accordion.Panel Accordion 手风琴 可以折叠/展开的内容区域。 规则 对复杂区域进行分组和隐藏。 通常，一次只允许单个内容区域展开；特殊情况，多个内容区域可以同时展开。 代码演示 基本 Accordion impo...