FAQ 你们会提供 Sass/Stylus 等格式的样式文件吗？ 当我点击 Select Dropdown DatePicker TimePicker Popover Popconfirm 内的另一个 popup 组件时它会消失，如何解决？ Select Dropdown DatePicker TimePicker Popover Popconfirm ...

Progress 进度条 规则 代码演示 API Progress 进度条 表明某个任务的当前进度。 规则 需要准确告知当前进度。否则应该使用组件 ActivityIndicator。 和 NavBar 一起搭配使用时，可以隐藏 Progress 未填充部分的轨道，提升整体感。 代码演示 基本 基本功能展示 im...

ImagePicker 图片选择 规则 代码演示 简单的图片选择组件 API TabItem ImagePicker 图片选择 用户根据提示将自己本地图片（包含本地和云储存）上传到网站，并且可以更改或撤销。 规则 上传时提供大图预览功能。 代码演示 图片选择 简单的图片选择组件 import { Imag...

order: 6 如何使用 如何升级到新版的响应式 升级布局 升级区块 升级基础包 title:category: 进阶指南 order: 6 在飞冰物料中，响应式设计主要分为 Layout 和 Block 两部分，两者区分开来；Block 的响应式不依赖于 Layout 的相关配置和样式，这样设计的目的主要是解耦和可扩展性，保证区块不...

Steps 步骤条 规则 代码演示 API Steps Steps.Step Steps 步骤条 显示一个任务的进度；或者引导用户完成某个复杂任务。 规则 应用在离散和时间较长的进度显示，eg：转账进度；如果任务是连续和短暂的，应该使用 Progress 来显示，eg：打开页面。 当任务复杂或者存在先后关系时，将其分解成一系列步骤...

Grid 宫格 规则 代码演示 API Grid 宫格 在水平和垂直方向，将布局切分成若干等大的区块。 规则 区块中的内容应该是同类元素，eg：都是图片，或者都是图标+文字。 代码演示 基本 import { Grid } from 'antd-mobile' ; const data =...

Pagination 分页器 规则 代码演示 API Pagination 分页器 分隔长列表，每次只加载一个页面。 规则 当加载/渲染所有数据将花费很多时间或者流量时使用 代码演示 基本 基本的分页器。 import { Pagination , Icon } from 'antd-mobile...

Card 卡片 定义／Definition 规则 / Rule 代码演示 API Card Card.Header Card.Body Card.Footer Card 卡片 定义／Definition 卡片可以控制和组织信息，通常是更复杂或详细信息的切入点。 规则 / Rule 卡片是矩形，可定义为任何高度。 卡片可以...

NoticeBar 通告栏 规则 代码演示 API NoticeBar 通告栏 在导航栏下方，一般用作系统提醒、活动提醒等通知。 规则 需要引起用户关注时使用，重要级别低于 Modal ，高于 Toast。 代码演示 通告栏 import { NoticeBar , WhiteSpace , Icon ...

Tag 标签 规则 代码演示 API ( 适用平台：WEB、React-Native ) Tag 标签 进行标记和分类的小标签，用于标记事物的属性和维度，以及进行分类。 规则 标签文字必须显示完全。 代码演示 标签类型 标签类型分为选择型标签和只读型标签，只读型标签无交互过程，仅展示内容。 import { Ta...