Icon 图标 图标的命名规范 如何使用 (WEB 版) 如果使用纯粹的 webpack ，配置如下： 如果使用 atool-build 作为构建工具，webpack.config.js 文件写法稍有不同，配置如下： 如果使用 dva-cli 创建项目，则默认构建工具为 roadhog，其配置方式参考 官方文档 组件中使用示例代码如下: 本地部...

Carousel 走马灯 代码演示 API Carousel 走马灯 走马灯，轮播图 代码演示 基本 When using Carousel , you may have problem about how to deal with variable item height. issues/1002 、nuka-carousel/iss...

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

Grid 九宫格 定义／Definition 规则 / Rule 代码演示 API Grid Grid 九宫格 定义／Definition 卡片可以控制和组织信息，通常是更复杂或详细信息的切入点。 规则 / Rule 九宫格内文本最长不超过五个字符。 代码演示 基本 import { Grid } f...

项目实战 安装 dva 创建新应用 使用 antd-mobile 接下来： 下一步 项目实战 dva 是一个基于 react 和 redux 的轻量应用框架，概念来自 elm，支持 side effects、热替换、动态加载、react-native、SSR 等，已在生产环境广泛应用。 本文会引导你使用 dva 和 antd 从 0 开...

Tag 标签 定义／Definition 规则 / Rule 代码演示 API Tag 标签 定义／Definition 进行标记和分类的小标签，用于标记事物的属性和维度，以及进行分类。 规则 / Rule 移动端标签文字必须显示完全，标签内允许文字换行； 只读型样式设计避免有点击感 代码演示 标签类型 标签类型...

Steps 步骤条 定义／Definition 规则 / Rule 代码演示 API Steps Steps.Step Steps 步骤条 定义／Definition 一种操作步骤的任务引导和进度显示。 规则 / Rule 建议三步以上，五步以内。可提供个性化定制，可用于购买流程等。 代码演示 基本用法 简单的步骤条。 ...

Badge 徽标数 规则 代码演示 API Badge 徽标数 图标右上角的红点、数字或者文字。用于告知用户，该区域的状态变化或者待处理任务的数量。 规则 当用户有必要知晓每条更新时，应该使用数字型，eg：社交中的一对一的消息通知。 当用户只需知道大致有内容更新时，应该使用红点型，eg：社交中的群消息通知。 代码演示 基本...

SearchBar 搜索栏 规则 代码演示 API SearchBar SearchBar 搜索栏 一般可位于 NavBar 下方，通过『取消按钮』退出激活状态。 规则 提供提示文案，帮助用户输入，eg：关键词、双十一特卖。 在搜索栏下方，可提供有用的标签文案，帮助用户通过点击直接完成输入，eg：最近搜索的内容。 代码演示...

Badge 徽标数 定义／Definition 规则 / Rule 代码演示 API Badge 徽标数 定义／Definition 图标右上角的圆形徽标数字。一般出现在通知图标或头像的右上角，用于显示需要处理的消息条数，通过醒目视觉形式吸引用户处理。 规则 / Rule 展示的数字，根据业务需求设定最大值，例如：大于 99 时展示...