Table 表格 规则 代码演示 API columns Table 表格 展示行列数据。 规则 当有大量的结构化数据需要展现时，eg：股票信息。 中英文左对齐，数值以小数点对齐。 一般不建议超过 4 列。 代码演示 纵向 简单表格，默认为纵向排列 import { Table } fro...

ImagePicker 图片选择器 代码演示 API ImagePicker 图片选择器 注意：只是图片选择器，一般用于上传图片前的文件选择操作，但不包括图片上传的功能. 选择器中使用了Promise，请参考Promise 中兼容性的说明. 如果必要，可以参考/docs/react/introduce-cn 进行兼容性处理. 代码演示 简单...

Slider 滑动输入条 定义／Definition 规则 / Rule 代码演示 API Slider 滑动输入条 定义／Definition 滑块允许用户在一个限定范围内调整某个数值或进程。 规则 / Rule 由一条水平的轨迹和一个Thumb(滑块中支持用户水平拖拽的圆形控件)组成； 左边和右边支持使用自定义图片来表述相对...

TopNotice 顶部提示 定义／Definition 规则 / Rule 代码演示 API TabItem TopNotice 顶部提示 定义／Definition 一般是系统提醒，活动等通知，需要引起用户关注时使用。 规则 / Rule 按需使用 代码演示 可关闭 是否显示关闭按钮，点击关闭图标后，隐藏该栏。 ...

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

Card 卡片 规则 代码演示 API Card Card.Header Card.Body Card.Footer Card 卡片 用于组织信息和操作，通常也作为详细信息的入口。 规则 形状为矩形。 可包含多种类型的元素，eg：图片、文字、按钮等。 代码演示 默认 Card 默认样式 import ...

NoticeBar 通告栏 规则 代码演示 API TabItem NoticeBar 通告栏 在导航栏下方，一般用作系统提醒、活动提醒等通知。 规则 需要引起用户关注时使用，重要级别低于 Modal ，高于 Toast。 代码演示 可关闭 是否显示关闭按钮，点击关闭图标后，隐藏该栏。 import { Not...

webpack4 环境搭建 前言 webpack4 安装和文档 配置webpack4编译react.js + less + sass + antd 环境 文件目录 webpack4 编译基础配置 babel@7 配置 webpack.base.config.js 配置开发&生产环境webpack4 编译设置 开发环境配置 wepack.dev....

Pagination 分页器 定义／Definition 规则 / Rule 代码演示 API Pagination Pagination 分页器 定义／Definition 采用分页的形式分隔长列表 规则 / Rule 每次只加载一个页面 代码演示 按钮形态 基本的分页器。 import { Paginat...

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